JSを使用して現在の時間を表示する例

ページフロントデスクディスプレイ

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

<span id = "clock" style = "font-size：14px;"> </span>

JSスクリプト

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

$（document）.ready（function（）{

//最初のタイプ

ショータイム（）;

// 2番目のタイプ

var clock = new Clock（）;

clock.display（$（ "＃clock"））;

}）;

//システムの現在の時間を処理する最初の方法が表示されます

関数showtime（）{

var myArray = new Array（7）;

var td = new date（）;

myArray [0] = "Sunday";

myArray [1] = "Monday";

myArray [2] = "火曜日";

myArray [3] = "水曜日";

myArray [4] = "木曜日";

myArray [5] = "金曜日";

myArray [6] = "土曜日";

weekday = td.getday（）;

var h = td.gethours（）;

var m = td.getMinutes（）;

var s = td.getSeconds（）;

var hstr = h;

var mstr = m;

var isr = s;

if（h <10）{hstr = "0" + h};

if（m <10）{mstr = "0" + m};

if（s <10）{isr = "0" + s};

$（ "＃clock"）。innerhtml（ 'current time：' + new date（）。tolocaledAtestring（） + "" + myArray [faceday] + "" + hstr + "：" + mstr + "：" + isr） ;

SettimeOut（ShowTime、1000）;

}

//システムの現在の時間を処理する2番目の方法が表示されます

functionClock（）{

var date = new Date（）;

this.year = date.getTullear（）;

this.month = date.getMonth（）+1;

this.date = date.getDate（）;

this.day = newArray（ "日曜日"、「月曜日」、「火曜日」、「水曜日」、「木曜日」、「金曜日」、「土曜日」）[date.getday（）];

this.hour = date.gethours（）<10？ "0"+date.gethours（）：date.gethours（）;

this.minute = date.getMinutes（）<10？ "0"+date.getMinutes（）：date.getMinutes（）;

this.second = date.getSeconds（）<10？ "0"+date.getSeconds（）：date.getSeconds（）;

this.toString = function（）{

"return"現在の時刻は次のとおりですthis .day;

};

this.tosimpledate = function（）{

returnthis.year+" - "+this.month+" - "+this.date;

};

this.todetaildate = function（）{

returnthis.year+" - "+this.month+" - "+this.date+""+this.hour+"："+this.minute+"："+this.second;

};

this.display = function（ele）{

varclock = newClock（）;

ELE.INNERHTML = CLOCK.TOSTRING（）;

window.settimeout（function（）{clock.display（ele）;}、1000）;

};

}