Js页面时间实时更新的实现代码

发布时间:2019-11-22编辑:脚本学堂
分享一例js代码,实现实时更新页面中的时间,学习下javascript中日期类date的用法,感兴趣的朋友不妨作个参考。

本节内容:
实时更新页面时间。

例子:
 

复制代码 代码示例:
/**
* 在页面中显示实时更新的时间
* by www.jb200.com
*/
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;
}

调用示例:
 

复制代码 代码示例:
当前时间:<span id="nowDateTimeSpan"></span>

>>> 相关阅读:
javascript打印当前时间
javascript打印当前时间的示例代码
js实时获取系统当前时间并显示的代码分享
JS动态获取当前时间并写到特定区域的代码示例
JS动态显示当前时间(12/24小时制)的代码