时间的js

Posted on 2022-03-08 16:07  你如世间春秋i  阅读(19)  评论(0编辑  收藏  举报
window.onload = function () {
    // 定时器,每隔 1 秒执行 1 次
    setInterval(() => {
        var dt = new Date()
        var HH = dt.getHours()
        var mm = dt.getMinutes()
        var ss = dt.getSeconds()

        // 为页面上的元素赋值
        document.querySelector('.hh').innerHTML = padZero(HH)
        document.querySelector('.mm').innerHTML = padZero(mm)
        document.querySelector('.ss').innerHTML = padZero(ss)
    }, 1000)
}

// 补零函数
function padZero(n) {
    return n > 9 ? n : '0' + n
}