js倒计时

解题思路:利用JS的Date构造函数 获取当前时间 然后在设定目标时间  剩余时间 = 结束时间 - 当前时间 也就实现了倒计时的功能 具体参考一下代码!
window.onload = function() {
    // 找到 小时 分钟 秒钟的标签
    let [h, m , s] = document.querySelectorAll('.time span');
    // 设置结束时间 例如以下时间
    let endTime = new Date('2021/12/18 22:00:00');

    function handleTime() {
        // 获取当前时间
        let Time = new Date();
        // 剩余世间 = 结束时间 - 当前时间
        let ms = endTime - Time;
        //
        let second = parseInt(ms / 1000 % 60); 
        //
        let minute = parseInt(ms / 1000 / 60 % 60);
        //
        let hour = parseInt(ms / 1000 / 60 / 60 % 24);
        // 进行处理并填充到标签
        hour < 10 ?  h.innerHTML = '0' + hour : h.innerHTML = hour;
        minute < 10 ?  m.innerHTML = '0' + minute : m.innerHTML = minute;
        second < 10 ?  s.innerHTML = '0' + second : s.innerHTML = second;
    }
    setInterval(handleTime, 1000);
}

 

 

posted @ 2021-12-18 20:43  HuangBingQuan  阅读(55)  评论(0编辑  收藏  举报