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