Js 获得的服务器的当前时间为起始，并显示时钟在页面上。

最新推荐文章于 2023-10-30 22:18:16 发布

原创最新推荐文章于 2023-10-30 22:18:16 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js小知识点专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的定时更新当前时间的例子，并详细解释了如何自定义日期的显示格式。通过setInterval方法每秒调用一次函数来更新页面上的时间显示，并利用自定义的Date对象方法实现了日期格式化。


var beginAdd = new Date(); 
var beginDate = new Date(); 
    function abc() { 
     var now = new Date(); 
     var diff = (now - beginDate); 
     beginAdd.setMilliseconds(beginAdd.getMilliseconds() + diff); 
     beginDate = now; 
	document.getElementById("curTime").innerHTML = beginAdd.format("yyyy年MM月dd日 hh:mm:ss 星期W"); 
} 
    setInterval("abc();",1000); //每隔一秒钟执方法adc()一次。

    Date.prototype.format = function(format) { 
     var obj = 
     { 
     "M+": this.getMonth() + 1, //返回实际月份 
     "d+": this.getDate(), //返回当月第几天 
     "h+": this.getHours(), //返回小时 
     "m+": this.getMinutes(), //返回分钟 
     "s+": this.getSeconds(), //返回秒 
     "q+": Math.floor((this.getMonth() + 3) / 3), //返回第几个季度 
     "S": this.getMilliseconds(), //返回毫秒 
     "w": this.getDay(), //返回星期几，0为星期日 
     "W": "日一二三四五六".charAt(this.getDay()) //返回星期几的中文表示 
     } 

     // 年的单独处理 
     if (/(y+)/.test(format)) 
     format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); 
     // 其它格式处理 
     for (var k in obj) { 
     if (new RegExp("(" + k + ")").test(format)) 
     format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? obj[k] : ("00" + obj[k]).substr(("" + obj[k]).length)); 
     } 
     return format; 
    }