在html页面实时显示系统时间 |
您所在的位置:网站首页 › js实时获取并显示当前时间的方法 › 在html页面实时显示系统时间 |
在html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 系统时间 setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);代码解析: new Date()是取现在系统时间的实例,其格式为: 显示的结果是:Mar 31 10:10:43 UTC+0800 2018 这种格式的时间但是当这种对象参加计算后就会自动改变格式为:年月日 时分秒 toLocaleString()便是将该对象在本地打印,自动转换了格式为: 2018/11/5 下午1:18:17 或 2018年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);运行结果: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |