이 기사에서는 현지 시간과 동기화 된 JavaScript를 구현하는 동적 시간 표시 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
동적 디스플레이 시간의 예는 매우 간단합니다. JavaScript를 이해 한 후에는 몇 줄의 코드로 물건을 완성 할 수 있습니다.
그러나 JavaScript에 노출 된 적이없는 일부 사람들의 경우 거의 큰 프로젝트처럼 보이고 온라인으로 코드를 검색 한 다음 방대한 HTML 코드에서 찾을 수 없으며 궁극적으로 핵심 포인트를 얻을 수 없습니다.
1. 기본 목표
가장 짧은 코드를 사용하여 클라이언트 (브라우저 머신) 시간과 함께하는 웹 페이지 텍스트 시간을 구현하십시오.
2. 생산 과정
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" />
<title> jsclock </title>
</head>
<body>
<script type = "text/javaScript">
함수 클록 () {
var time = new date (). tolocalestring ();
document.getElementById ( "clock"). innerhtml = time;
}
setInterval ( "clock ()", 1000);
</스크립트>
<span id = "clock"> </span>
</body>
</html>
1. 날짜 객체가 매개 변수없이 생성자를 사용하는 경우 클라이언트의 시간을 반환합니다. tolocalestring () 메소드는 시간 형식을 표시하도록 시간을 변환합니다. 그것이 tostring () 메소드 일 뿐이면 시간을 영어로 작성된 시간 문자열로 만 변환합니다. 동시에, 나는 개인적으로 tolocaletimestring () 메소드가 존재하지 않는다는 것을 깨달았습니다. 시스템 자체 메소드를 변환하는 시간에 만족하지 않으면 getDay (), getmonth (), getlyear ()와 같은 다양한 방법을 사용하여 문자열을 구성하십시오. 다시 디스플레이가 없습니다.
2. InnerHTML은 클럭 아래의 모든 요소를 ID 클럭과 동일합니다. document.getElementById ( "clock"). innerhtml = time; 문장의 의미 "<span id ="clock "> </span>"의 의미는 시간 문자열의 내용으로 변경됩니다.
3.이 JavaScript의 핵심은 setInterval ( "clock ()", 1000)입니다. 함수, 이는 Clock () 함수가 1000 밀리 초, 즉 1 초마다 한 번씩 실행됨을 의미합니다. 즉, 매번 <span id = "clock"> </span>의 내용이 시간 문자열로 업데이트됩니다.
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.