ページフロントデスクディスプレイ
コードコピーは次のとおりです。
<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);
};
}