为什么const date = new Date()写在外面，计时器无法正常运行？

Question

为什么const date = new Date()写在外面，计时器无法正常运行？感觉计时器应该正常运行才对

 <script>
        const date = new Date()
        function getMyDate() {
            let year = date.getFullYear()
            let month = date.getMonth()
            let day = date.getDay()
            let h = date.getHours()
            let m = date.getMinutes()
            let s = date.getSeconds()
            h = h < 10 ? '0' + h : h
            m = m < 10 ? '0' + m : m
            s = s < 10 ? '0' + s : s
            return `今天是${year}年${month}月${day}日 ${h}:${m}:${s}`
        }
        const div = document.querySelector('div')
        div.innerHTML = getMyDate()
        setInterval(function () {
            div.innerHTML = getMyDate()
        }, 1000)
    </script>

Answer 1

const date = new Date() 这行代码将会在 JavaScript 脚本第一次加载时执行，获取的是脚本加载时的时间，而后续计时器中调用的 date 变量仍然是最初获取的时间，不会自动更新。因此，每秒钟更新的仍然是最初获取的时间，导致时间显示不正确。

为了解决这个问题，应该把 date 变量的赋值放到 getMyDate() 函数中，并在每次调用函数时重新获取当前的时间。