javascript_javascript スキルにおける自動時刻更新の実装原則と手順

プロジェクト構造:

動作効果:

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

コード部分:

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

/Clock/WebContent/index.jsp

コードをコピー コードは次のとおりです:

< ;%@ page language="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/クロック/クロック.js

コードをコピー コードは次のとおりです:/**

* 時刻表示

* @date 2012-12-31
* @author hongten(hongtenzone@foxmail.com)
*
* @returns
*/
function Clock() {
var日付 = 新しい日付 () ;
this.year = date.getMonth() 1;
this.date = date.getDate(); this.day = new Array ("日曜日"、"月曜日"、"火曜日"、"水曜日"、"木曜日"、"金曜日"、"土曜日")[date.getDay()]; date.getHours() < "0" date.getHours();
this.nutes() < "0" date.getMinutes() : .getMinutes();
this.second = date.getSeconds() < 10 ? "0" date.getSeconds() :

// 日付: 2012-12- 31-17:03 :18 月曜日
this.toString = function() {
return "Date:" this.year "-" this.month "-" this.date "-" this.hour ": " this. minutes ":" 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(); 🎜>この .年 "-" この.月 "-" この.日付 " " この.時間 ":" この.分 ":" この.秒

; = function(ele ) {
var クロック = new Clock();
ele.innerHTML = Clock.toString();
window.setTimeout(function() {
クロック.display(ele) ;
}, 1000);
}

// <スパン id="クロック" );
クロック.display(document.getElementById("クロック"));


個人的には、これは Web では非常に実用的だと思うので、皆さんにお勧めします...