• 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);
    }
  • 相关阅读:
    React+Redux仿Web追书神器
    关于贝塞尔曲线的故事
    420小时学习代码之后:如何教你免费自学Python
    学问Chat UI(3)
    学问Chat UI(1)
    Binder进程间通信详解
    Handler源码分析
    学问Chat UI(4)
    WebPack错误集
    React问题集序
  • 原文地址:https://www.cnblogs.com/bingquan1/p/15705955.html
Copyright © 2020-2023  润新知