function nowTime(ev,type){
/*
* ev:顯示時間的元素
* type:時間顯示模式.若傳入12則爲12小時制,不傳入則爲24小時制
*/
//年月日時分秒
var Y,M,D,W,H,I,S;
//月日時分秒爲單位時前面補零
function fillZero(v){
if(v<10){v='0'+v;}
return v;
}
(function(){
var d=new Date();
var Week=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
Y=d.getFullYear();
M=fillZero(d.getMonth()+1);
D=fillZero(d.getDate());
W=Week[d.getDay()];
H=fillZero(d.getHours());
I=fillZero(d.getMinutes());
S=fillZero(d.getSeconds());
//12小時制顯示模式
if(type && type==12){
//若要顯示更多時間類型諸如中午凌晨可在下面添加判斷
if(H<=12){
H='上午 '+H;
}else if(H>12 && H<24){
H-=12;
H='下午 '+fillZero(H);
}else if(H==24){
H='下午 00';
}
}
ev.innerHTML=Y+'年'+M+'月'+D+'日 '+' '+W+' '+H+':'+I+':'+S;
//每秒更新時間
setTimeout(arguments.callee,1000);
})();
}
JS實現動態顯示當前時間
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Android平臺調用WebService詳解
推薦碼發放
2019-02-24 19:41:33
某熊的技術之路指北 ☯
王下邀月熊_Chevalier
2019-02-23 16:23:03
全新的JoyiStar AJAX WebShop3.0體驗版本功能預覽
中原是戲臺
2019-02-23 13:27:57
寶塔面板 + Rancher + 阿里雲鏡像倉庫 + Docker + Kubernetes,添加集羣、部署 web 應用
燕小范
2019-02-23 13:20:14
JavaWeb應用開發架構淺談
liujie62588
2019-02-23 13:18:45
wordpress函數
hulangbo453
2019-02-23 13:03:55
jQuery 插件開發
liudajiang
2019-02-23 12:53:51
什麼是web
zhenjunwei
2019-02-23 00:39:19
第二十二章:動畫(四)
wangccsy
2019-02-24 10:57:10
html2canvas實現保存網頁爲圖片,canvas2image解決圖片模糊問題
wx5c6f5798d627c
2019-02-23 13:07:16
序列化表單爲Json對象
liudajiang
2019-02-23 12:53:51
Console.log 的兼容性
liudajiang
2019-02-23 12:53:51
24小時熱門文章