萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript實時顯示當天日期的方法

javascript實時顯示當天日期的方法

   本文實例講述了javascript實時顯示當天日期的方法。分享給大家供大家參考。具體實現方法如下:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js顯示時間</title> </head> <body> <div id="divBottom"></div> <script type="text/javascript"> //獲取當天日期 function date() { var date=new Date(); var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour="00"+date.getHours(); hour=hour.substr(hour.length-2); var minute="00"+date.getMinutes(); minute=minute.substr(minute.length-2); var second="00"+date.getSeconds(); second=second.substr(second.length-2); var week=date.getDay(); switch(week) { case 1:week="星期一 ";break; case 2:week="星期二 ";break; case 3:week="星期三 ";break; case 4:week="星期四 ";break; case 5:week="星期五 ";break; case 6:week="星期六 ";break; case 0:week="星期日 ";break; default:week="";break; } document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week; } setInterval("date()",1000); </script> </body> </html>

  運行效果如下圖所示:

  希望本文所述對大家的javascript程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved