zoukankan      html  css  js  c++  java
  • js实现定时器,时间倒计时为0后停止

    <script type="text/javascript">
        var orign_time = 1496706400;
        var leftTime = Date.parse(new Date())/1000;//转化成秒
        var maxTime = orign_time-leftTime;
        function CountDownTime() {
            if (maxTime >=0) {
                var days = parseInt(maxTime/60/60/ 24, 10); //计算剩余的天数
                     
                var hours = parseInt(maxTime/60/60%24, 10); //计算剩余的小时
                 
                var minutes = parseInt(maxTime/60%60, 10); //计算剩余的分钟
                 
                var seconds = parseInt(maxTime%60, 10); //计算剩余的秒数
                msg = "当前距离下班时间还有"+days+"天"+hours+"时"+minutes+"分"+seconds+"秒"
                document.getElementById("timer").innerHTML = msg;
                --maxTime
            } else {
                clearInterval(timer); 
                alert("时间到,结束!"); 
            }
        }
        timer = setInterval("CountDownTime()",1000);
    </script> 
    <div id="timer" style="color:red" mce_style="color:red"></div>

    先定义目标时间,然后在获取当前时间戳,得到差值,然后转换为相对应的天,小时,分钟,秒数

    然后添加定时器,每个一秒钟就执行一次计数方法,相差秒数-1

    当差值小于0的时候去除定时器

    以下是用到的基础知识点:

  • 相关阅读:
    Qt状态机实例
    <STL> accumulate 与 自定义数据类型
    <STL> 容器混合使用
    散列表(C版)
    Canonical 要将 Qt 应用带入 Ubuntu
    <STL> set随笔
    C++ 文件流
    视频播放的基本原理
    <STL> pair随笔
    c++ 内存存储 解决char*p, char p[]的问题
  • 原文地址:https://www.cnblogs.com/imnzq/p/6905250.html
Copyright © 2011-2022 走看看