一个倒计时的JS

快乐妈妈网

于 2011-11-07 23:09:03 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/wgllz/article/details/84078176

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文深入探讨了如何使用JavaScript实现剩余时间计时器，并详细解释了后台变量和时间格式化逻辑，帮助开发者理解时间计算背后的原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

剩余时间：<i id="expireTime"></i>
<script type="text/javascript">
    var expire = 2412169;
    var expireTime = function(expires){
        if(expires > 0){
            var second = expires;
        }else{
            var second = "0 分";
            return second;
        }
        var day = hour = min = "";
        if(second>86400){
            day = Math.floor(second/86400)+"天 ";
            second = second%86400;
        }
        if(second>3600){
            hour = Math.floor(second/3600)+"时 ";
            second = second%3600;
        }
        if(second>60){
            min = Math.floor(second/60)+"分 ";
            second = second%60;
        }
        second = second+"秒";
        return day+hour+min+second;
    }
    var timeEle = document.getElementById("expireTime");
    var timer = window.setInterval(function(){
        timeEle.innerHTML = expireTime(expire--);
        if(expire<0){
            clearInterval(timer);
        }
    },1000);
</script>