1. 개요
많은 웹 사이트를 탐색 할 때 현재 시스템 시간을 표시하는 기능이 웹 사이트에 추가됩니다. 웹 페이지에 현재 시스템 시간을 표시하면 시청자가 현재 시간을 파악하는 것이 편리 할뿐만 아니라 웹 페이지를 아름답게 만듭니다.
2. 기술 포인트
날짜 개체를 사용한 구현. 먼저 현재 시스템 시간을 나타내는 날짜 () 객체를 작성한 다음 날짜 객체의 getxxx () 메소드를 통해 현재 시스템 시간의 연도, 월, 일, 시간, 분, 두 번째 및 주간의 값을 얻습니다. 다음으로, 획득 된 값을 날짜와 시간 문자열에 결합하고 날짜와 시간 문자열을 <div> 태그의 내용으로 설정하십시오. 마지막으로, 창 개체의 settimeout () 함수를 사용하여 1 초마다 시스템 시간을 실시간으로 표시하는 함수를 호출하십시오.
3. 특정 구현
(1) 새 Index.jsp 페이지를 작성하고 시스템 시간을 실시간으로 표시하는 JavaScript 함수를 작성하십시오. 키 코드는 다음과 같습니다.
/*** 시스템 시간의 실시간 표시*/function getLangdate () {var dateObj = new Date (); // 현재 시스템 시간을 나타내는 날짜 객체 시간 var year = dateObj.getLyEar (); // 현재 시스템의 전체 연도 값 시간 var month = dateObj.getMonth ()+1; // 현재 시스템의 달 값 시간 var date = dateObj.getDate (); // 현재 시스템의 날 시간 시간 var day = dateObj.getDay (); // 현재 시스템의 날 시간 Var Weeks = [ "일요일", "월요일", "화요일", "목요일", "금요일", "토요일"]; var Week = Weeks [Day]; // 주 값에서 해당 주간 문자열을 배열 var hour = dateObj.gethours ()로 가져옵니다. // 현재 시스템의 시간 값 시간 var minute = dateObj.getMinutes (); // 현재 시스템의 분 값 시간 var second = dateObj.getSeconds (); // 현재 시스템 시간의 두 번째 값 // 월, 일, 시간, 분 및 두 번째의 값이 10보다 작은 경우, 0if (Month <10) {Month = "0"+Month;} if (date <10) {date = "0"+date;} if (Hour <10) {Hour = "0"+Hour;} if (minute <10) {minute = "0; "0"+Second;} var newDate = 년+"연도"+Month+"Month"+Date+"Day"+Week+""+Hour ":"+minute+":"+sec(2) Onload Event Loading Step (1) 페이지 <body> 태그에 작성된 JavaScript 함수는 id "DateStres"와 함께 페이지의 적절한 위치에 <div> 태그가 추가됩니다. 키 코드는 다음과 같습니다.
<body onload = "getLangdate ()"> <div id = "dateSt"> </div> </body>
시스템 시간을 실시간으로 표시하면 Window 개체의 setIntervar () 메소드를 사용할 수도 있습니다. setInterVal () 메소드는 settimeout () 메소드와 유사합니다.
차이점은 Window 개체의 setIntervar () 메소드를 호출 한 후 setIntervar () 메소드에서 호출 된 javaScript 메소드가 항상 실행되며 settimeout () 메소드는 한 번만 실행할 수 있다는 것입니다. settimeout () 메소드를 통해 JavaScript 메소드를 실행하려면 settimeout ()가 호출 된 JavaScript 메소드로 작성해야합니다.
위는 JS 코드를 기반으로 시스템 시간의 실시간 표시에 대한 편집자가 귀하에게 소개 한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!