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);
    }
  • 相关阅读:
    UNIX常用shell
    exit函数
    linux消息队列
    互斥量
    RCS版本控制
    linux samba
    UML建模
    linux syslog
    python基础-列表List及内置方法
    仿美团详情页与购物车源码-详情页
  • 原文地址:https://www.cnblogs.com/bingquan1/p/15705955.html
Copyright © 2011-2022 走看看