122 阿裏雲技術社區[雲棲]

數字時鍾（JavaScript ，JQuery）

Javascript：

[javascript] view plain copy

function systemDate(){
//獲取係統時間
var date=new Date();
var month=date.getMonth()+1; //month默認0-11，所以要加1
var minutes=date.getMinutes(),Min;
var seconds=date.getSeconds(),updateTime;
updateTime=60-seconds;
minutes<=9 ? Min="0"+minutes : Min=minutes;
var week=date.getDay(),day;
switch(week){
case 1 : day="星期一";break;
case 2 : day="星期二";break;
case 3 : day="星期三";break;
case 4 : day="星期四";break;
case 5 : day="星期五";break;
case 6 : day="星期六";break;
case 7 : day="星期日";break;
}
var time=date.getFullYear()+"/"+month+"/"+date.getDate()+" "+date.getHours()+":"+Min+" "+day;
$("#updateTime").text(time); //jquery
//var container=document.getElementById("updateTime");
//container.innerText=time; //javascript;
setTimeout('systemDate()',updateTime*1000); //定時請求時間
}

HTML
<div ></div> //顯示數字時鍾的容器

自己可以設置容器的樣式，(*^__^*) 嘻嘻…… 附上項目裏用的截圖一張（注：裏麵沒有顯示星期）
截圖如下：

最後更新：2017-04-03 15:21:56

數字時鍾 （JavaScript ，JQuery）