zoukankan      html  css  js  c++  java
  • 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);
    }
  • 相关阅读:
    HDU 1058 Humble Numbers
    HDU 1421 搬寝室
    HDU 1176 免费馅饼
    七种排序算法的实现和总结
    算法纲要
    UVa401 回文词
    UVa 10361 Automatic Poetry
    UVa 537 Artificial Intelligence?
    UVa 409 Excuses, Excuses!
    UVa 10878 Decode the tape
  • 原文地址:https://www.cnblogs.com/bingquan1/p/15705955.html
Copyright © 2011-2022 走看看