js实现定时器,时间倒计时为0后停止

时间：2022-05-24 01:19:14
<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的时候去除定时器

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

相关文章