这个性能在网页以及 APP 中非常常见。故在这里分享。
代码如下:
<p>
以后工夫为:<span class='time'></span>
</p>
<script>
setInterval(function(){var date = new Date();// 获取的是工夫戳模式
document.querySelector('.time').innerHTML = `
${date.getFullYear()} 年 ${date.getMonth()+1} 月 ${date.getDate()} 日 -${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
},1000)
</script>
代码中波及到的小知识点:
1、document.quertSelector(); 为 html5 新增的获取 DOM 元素的形式
2、获取以后工夫的办法:new Date();
3、`` 为模板字符串,写法较传统字符串更简洁,`${}` 即可
4、以后代码中应用的定时器可执行屡次
5、获取到的月份,是 0 -11,故在应用时,要对其进行 +1