document.getElementById("id_Value")를 사용하여 JavaScript 프로그램에서 Element 개체를 가져올 수 있도록 본문에 ID가 "timer"인 태그를 추가하세요. 이 방법은 IE 브라우저 및 IE 코어 기반 브라우저에만 적용됩니다.
JS 사용하기
매우 간단한 기능으로 Date() 개체를 사용하여 현재 시간을 가져온 다음 setTimeout을 사용하여 1초마다 최신 시간을 가져옵니다.
작성 과정에서 작은 문제에 직면했습니다. 원래 아이디어는 setInterval()을 사용하여 1초마다 최신 시간을 가져오는 것이었지만 이로 인해 메모리 누수가 발생했습니다(구체적인 이유는 아직 파악되지 않았습니다). 다행히 Rocky의 알림을 통해 대신 setTimeout()을 사용하여 이 문제를 해결했습니다.
01 함수 nowTime(ev,type){
02 /*
03 *ev: 시간을 표시하는 요소
04 * 유형: 시간 표시 모드 12가 전달되면 12시간 형식이 되고, 그렇지 않으면 24시간 형식이 됩니다
05 */
06 //년, 월, 일, 시, 분, 초
07 변수 Y,M,D,W,H,I,S;
08 //단위가 월, 일, 시, 분, 초인 경우 앞에 0을 추가합니다
09 함수 fillZero(v){
10 if(v
11반환v;
12 }
13(함수(){
14 var d=new Date();
15 var Week=['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일']
16 Y=d.getFullYear();
17 M=fillZero(d.getMonth()+1);
18 D=fillZero(d.getDate());
19 W=주[d.getDay()];
20 H=fillZero(d.getHours());
21 I=fillZero(d.getMinutes());
22 S=fillZero(d.getSeconds());
23 //12시간 표시 모드
24 if(유형 & 유형==12){
25 //정오, 이른 아침 등 더 많은 시간 유형을 표시하려면 아래에 판단을 추가할 수 있습니다
26 if(H
27+H;
28 }else if(H>12 & H
29H-=12;
30+fillZero(H);
31 }else if(H==24){
32;
33 }
34 }
35 ev.innerHTML=Y+'연도'+M+'월'+D+'일 '+' '+W+' '+H+':'+I+':'+S;
36 //초당 업데이트 시간
37 setTimeout(arguments.callee,1000);
38 })();
코드 게시물을 살펴보세요. 특정 텍스트 상자의 이름이 지정된 책의 코드를 직접 사용했지만 이 텍스트 상자가 없어 개체가 누락되었습니다. 다음은 시간을 표시할 수 있는 간단한 단락입니다.
-------------------------------
이제 시간 |
----------------------
현재 시간을 표시하기 위해 Javascript로 작성되었습니다. . . 복사--메모장에 붙여넣기--1.html로 저장하면 효과를 볼 수 있습니다
표시: 2011년 5월 12일 23:54:7 4일 월요일
위 내용은 웹페이지에 JavaScript로 작성한 함수를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!