想在网页中动态地显示当前系统的时间,找了好多,不过都是一些停在那里不动的。。。
不过皇天不负有心人,终于让我找到了。各位亲们可以尝试以下代码:
注:这里我就只有一个html标签对来说明问题了,首部之类的东西,自己添加。
1 <html> 2 <head> 3 <title>网页中动态的显示系统日期时间</title> 4 <script language="JavaScript"> 5 function startTime() { 6 var today = new Date(); //定义日期对象 7 var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年 8 var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年 9 var dd = today.getDate(); //通过日期对象的getDate()方法返回年 10 var hh = today.getHours(); //通过日期对象的getHours方法返回小时 11 var mm = today.getMinutes(); //通过日期对象的getMinutes方法返回分钟 12 var ss = today.getSeconds(); //通过日期对象的getSeconds方法返回秒 13 // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09 14 MM = checkTime(MM); 15 dd = checkTime(dd); 16 mm = checkTime(mm); 17 ss = checkTime(ss); 18 var day; //用于保存星期(getDay()方法得到星期编号) 19 if (today.getDay() == 0) day = "星期日 " 20 if (today.getDay() == 1) day = "星期一 " 21 if (today.getDay() == 2) day = "星期二 " 22 if (today.getDay() == 3) day = "星期三 " 23 if (today.getDay() == 4) day = "星期四 " 24 if (today.getDay() == 5) day = "星期五 " 25 if (today.getDay() == 6) day = "星期六 " 26 document.getElementById('nowDateTimeSpan').innerHTML = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + day; 27 setTimeout('startTime()', 1000); //每一秒中重新加载startTime()方法 28 } 29 30 function checkTime(i) { 31 if (i < 10) { 32 i = "0" + i; 33 } 34 return i; 35 } 36 </script> 37 </head> 38 <body onload="startTime()"> 39 OS TIME:<font color="blue"><span id="nowDateTimeSpan"></span></font> 40 </body> 41 </html>