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>

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

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

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

如下是用到的基础知识点:code

相关文章
相关标签/搜索