js获取的当前时间显示在页面上并且每秒刷新

您所在的位置：网站首页 › js页面显示当前时间 › js获取的当前时间显示在页面上并且每秒刷新

js获取的当前时间显示在页面上并且每秒刷新

#js获取的当前时间显示在页面上并且每秒刷新| 来源: 网络整理| 查看: 265

代码如下：

time var show = document.getElementById("show"); setInterval(function () { showTime(); }, 1000); function showTime() { var time = new Date(); var year = time.getFullYear(); var month = time.getMonth() + 1; //获取的月份数值在 0～11 即数值需要加一 var day = time.getDay(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); //判断分钟的数值是否为个位数，如果是则在数值前加0 if (minute second = "0" + second; } var timer = year + "年" + month + "月" + day + "日" + ";" + hour + ":" + minute + ":" + second; show.innerHTML = timer; }

显示的内容是 0000年0月0日 00:00:00

上面的方法是自定义显示指定格式的时间。如果要显示上午 00:00:00 这种格式的时间则只需要使用toLocaleTimeString(); 代码如下：

time var myVar = setInterval(function(){ showTime() }, 1000); function showTime() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("show").innerHTML = t; }

如果使用 document.write(“show”); 则每一秒刷新出来的时间都会显示在页面上，这是因为document.write 改变的是整个HTML页面（文档），之所以使用document.getElementById(“show”).innerHTML = timer ; 是因为它改变的是局部属性。

【本文地址】

js获取的当前时间显示在页面上并且每秒刷新

js获取的当前时间显示在页面上并且每秒刷新

今日新闻

推荐新闻