1. 개요
웹 사이트를 디자인하고 개발할 때 시스템 날짜를 페이지에 표시하는 기능을 추가 할 수 있습니다. 시스템 날짜를 표시하는 동안 해당 축제를 전시 할 수있는 경우 웹 사이트 방문자에게 도움을 제공 할 수 있습니다.
2. 기술 포인트
특별 날짜 프롬프트를 구현하는 기능은 대략 다음 단계로 나눌 수 있습니다.
(1) date () 객체의 인스턴스를 만들고, getyear (), getMonth (), getDate () 및 getDay () 메소드를 사용하여 현재 시스템 시간의 연도, 월, 일 및 주에 대한 데이터 정보를 얻습니다.
(2) getMonth () 메소드를 사용하여 얻은 정보는 0에서 계산되므로 월의 해당 데이터는 자동으로 1에 추가되어야합니다.
(3) getday () 메소드를 사용하여 얻은 주간 정보는 숫자 데이터이며, 데이터 객체 배열을 사용하여 해당 텍스트 정보로 변환해야합니다.
(4) 표시된 축제 이름은 얻은 월과 일에 따라 판단됩니다.
(5) 모든 데이터를 브라우저에 결합하고 출력하고 <div> 태그로 표시된 InnerHTML 메소드를 사용하여 구현하십시오.
3. 특정 구현 코드
(1) JavaScript를 사용하여 특수 날짜 프롬프트 기능 DatePrompt ()를 작성하여 특별 날짜를 표시하는 <div> 태그를 지정하십시오. 특별 날짜를위한 사용자 정의 기능 코드는 다음과 같습니다.
<script language = "javaScript"> <!-function datePrompt () {calendar = new Date (); // 날짜를 가져옵니다. Month = Calendar.getMonth ()+1; // 달 날짜 get = calendar.getDate (); // get day year = calendar.getlyear (); // 4 비트 연도 Var DayName = New Array ( "일요일", "월요일", "화요일", "목요일", "금요일", "토요일"); var time = year "year"+month+"month"+date+"day"+dayname [day]+""; // 조합 날짜 var holiday = ""; if ((month == 1) && (date == 1)) holiday = "<font color = red> 새해의 날"; if ((Month == 5) && (날짜 == 1)) 휴가 = "<font color = red> 국제 노동 일"; if (month == 5) && (날짜 = 4)) <<font day = "; if (month =) red day"; holiday = "<font color = red> 국제 어린이의 날"; if ((Month == 7) && (날짜 == 1)) 휴가 = "<font color = <font color = <font color = red> red> 센터링 파티 기념일"; if ((month == 8) && (날짜 == 1)) 홀리데일 = "<font color = red> 군대의 날"; Day "; if ((Month == 12) && (날짜 == 25)) Holiday ="<font color = red> 크리스마스 "; 시간 = 시간+휴일; clock.innerhtml = time; // 시스템 날짜를 표시하고 특별 날짜 프롬프트를 제공} //-> </script>(2) 특수 날짜와 시간을 실시간으로 표시 해야하는 페이지에 <body>가 표시된 온부하 이벤트에서 방금 작성된 날짜 간격 () 함수를 호출하고 페이지의 적절한 위치에 <div> 태그를 추가하십시오. 다음 코드는 사용자 정의 기능을 호출하는 데 사용됩니다. 키 코드는 다음과 같습니다.
<body onload = "dateprompt ()"> <td align = "center"backgring = "images/1.jpg"> <div id = "clock"> </div> </td>
위는 편집자가 귀하에게 소개 한 특별 날짜 프롬프트 기능의 구현 방법에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!