javascript倒计时

关注

原创最新推荐文章于 2026-03-10 00:03:15 发布 445 阅读 AI 写同款· GEO 优化 ›

用js做一个倒计时(时分秒),js中倒计时器怎么实现 1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时 ，但是不能拿着时分秒相减，比如 02 分减去22分，结果会是负数的，所以要转换为毫秒；2.用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数；3.把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒）。利用JavaScript函数做一个简单的倒计时。阅读详情

javascript倒计时。首先我们要设置倒计时时间格式，方法如下：

function currTimeForm(currTime){
    var day = Math.floor(currTime/60/60/24);
    var hour = Math.floor(currTime/60/60%24);
    var min = Math.floor(currTime/60%60);
    var sec = Math.floor(currTime%60);
    if(day<10){
        day = "0"+day;
    }
    if(hour<10){
        hour = "0"+hour;
    }
    if(min<10){
        min = "0"+min;
    }
    if(sec<10){
        sec = "0"+sec;
    }
        return day+":"+hour+":"+min+":"+sec;
}

这个倒计时时间格式：00：00：00：00。
倒计时方法：

function DateFormate(time){
    var dateObj = parseInt(time);
    var intervel = setInterval(function(){
        var currTime = dateObj-parseInt(new Date().getTime()/1000);
        if(currTime == 0){
            clearInterval(intervel);
            window.location.reload();
        }else if(currTime>0){
            document.getElementById("daojiTime").innerHTML = currTimeForm(currTime);
        }else{
            clearInterval(intervel);
            alert("结束了！");
        }
    },1000);
}