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>

代码中涉及到的小知识点：

一、document.quertSelector();为html5新增的获取DOM元素的方式
二、获取当前时间的方法：new Date();
三、``为模板字符串，写法较传统字符串更简洁，`${}`便可
四、当前代码中使用的定时器可执行屡次
五、获取到的月份，是0-11，故在使用时，要对其进行+1