关于前端:JavaScript获取当前时间及显示利用定时器

这个性能在网页以及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