100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html时间显示在div中 在html页面实时显示系统时间

html时间显示在div中 在html页面实时显示系统时间

时间:2022-08-22 05:22:50

相关推荐

html时间显示在div中 在html页面实时显示系统时间

原创散场前的温柔 最后发布于-11-05 13:24:58 阅读数 16005 收藏

展开

在html页面实时显示系统时间

桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可

系统时间

setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);

代码解析:

new Date()是取现在系统时间的实例,其格式为:

显示的结果是:Mar 31 10:10:43 UTC+0800 这种格式的时间

但是当这种对象参加计算后就会自动改变格式为:年月日 时分秒

toLocaleString()便是将该对象在本地打印,自动转换了格式为:

/11/5 下午1:18:17 或 11月5日 13:19:14 (取决于不同的浏览器)

这个方法是循环方法,后面的1000是毫秒数,每单位毫秒数执行一次前面的xxx

setInterval("xxx",1000);

这句话的操作就是,每1000毫秒(即1秒),取当前时间打印更新在页面该标签里,实现系统时间实时显示

=======================我是一条温柔的分割线=======================

有网友提出格式化成"yyyy-MM-dd hh:mm:ss"的问题,我在这里更新一下:

桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可

系统时间

Date.prototype.format = function (fmt) {

var o = {

"y+": this.getFullYear, //年

"M+": this.getMonth() + 1, //月份

"d+": this.getDate(), //日

"h+": this.getHours(), //小时

"m+": this.getMinutes(), //分

"s+": this.getSeconds() //秒

};

if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));

for (var k in o)

if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));

return fmt;

}

setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);

运行结果:

————————————————

版权声明:本文为CSDN博主「散场前的温柔」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:/qq_35394434/article/details/83747008

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。