javascript_javascript 기술의 자동 시간 새로 고침 구현 원칙 및 단계

프로젝트 구조:

운영효과:

============================================= === ==========

코드 부분:

============================================= === ==========

/Clock/WebContent/index.jsp

코드 복사 코드는 다음과 같습니다.

< ;%@ 페이지 언어="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
문자열 경로 = request.getContextPath ();
String basePath = request.getScheme() "://"
request.getServerName() ":" request.getServerPort()
경로 "/"%> 🎜>< ;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ;











/Clock/WebContent/js/clock/clock.js

코드 복사 코드는 다음과 같습니다./**

* 시간 표시

* @date 2012-12-31
* @author hongten(hongtenzone@foxmail.com)
*
* @returns
*/
function Clock() {
var date = new Date() ;
this.year = date.getFullYear();
this.month = date.getMonth() 1
this.date = date.getDate(); this.day = 새 배열("일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일")[date.getDay()]
this.hour = date.getHours() < 10 ? "0" date.getHours() : date.getHours()
this. Minute = date.getMinutes() < 10 ? "0" date.getMinutes() : 날짜 .getMinutes();
this.second = date.getSeconds() < 10 ? "0" date.getSeconds() : date.getSeconds()>// 날짜: 2012-12 31-17:03 :18 Monday
this.toString = function() {
return "Date:" this.year "-" this.month "-" this.date "-" this.hour ": " this.분 ":" this.second " " this.day;
};

// 2012-12-31
this.toSimpleDate = function() {
return this .year "- " this.month "-" this.date

// 2012-12-31 17:04:03
this.toDetailDate = function() {
이 .year "-" this.month "-" this.date " " this.hour ":" this. Minute ":" this.second

this.display = function(ele ) {
var clock = new Clock();
ele.innerHTML = clock.toString()
window.setTimeout(function() {
clock.display(ele) ;
}, 1000);
}

// );
clock.display(document.getElementById("clock"));


개인적으로는 웹에서 매우 실용적이라고 생각합니다...그래서 모두에게 추천합니다...