本文主要說明的是如何在網頁中動態的顯示日期時間,我們這兒使用js來實現,很簡單,一看就會。
爲動態顯示系統時間的javascript代碼及頁面代碼:
- <html>
- <head>
- <title>網頁中動態的顯示系統日期時間</title>
- <script language="JavaScript">
- function startTime()
- {
- var today=new Date();//定義日期對象
- var yyyy = today.getFullYear();//通過日期對象的getFullYear()方法返回年
- var MM = today.getMonth()+1;//通過日期對象的getMonth()方法返回年
- var dd = today.getDate();//通過日期對象的getDate()方法返回年
- var hh=today.getHours();//通過日期對象的getHours方法返回小時
- var mm=today.getMinutes();//通過日期對象的getMinutes方法返回分鐘
- var ss=today.getSeconds();//通過日期對象的getSeconds方法返回秒
- // 如果分鐘或小時的值小於10,則在其值前加0,比如如果時間是下午3點20分9秒的話,則顯示15:20:09
- MM=checkTime(MM);
- dd=checkTime(dd);
- mm=checkTime(mm);
- ss=checkTime(ss);
- var day; //用於保存星期(getDay()方法得到星期編號)
- if(today.getDay()==0) day = "星期日 "
- if(today.getDay()==1) day = "星期一 "
- if(today.getDay()==2) day = "星期二 "
- if(today.getDay()==3) day = "星期三 "
- if(today.getDay()==4) day = "星期四 "
- if(today.getDay()==5) day = "星期五 "
- if(today.getDay()==6) day = "星期六 "
- document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
- setTimeout('startTime()',1000);//每一秒中重新加載startTime()方法
- }
- function checkTime(i)
- {
- if (i<10){
- i="0" + i;
- }
- return i;
- }
- </script>
- </head>
- <body onload="startTime()">
- 當前時間:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
- </body>
- </html>