可以自己设置时分秒的倒计时

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />

 
    <title>倒计时</title>  
</head>  
<body>  
    <div id="timer1">  
    </div>  
    <div id="timer2">  
    </div>  
    <div id="timer3">  
    </div>  
</body>  
  
<script type="text/javascript">  
     
    
    var addTimer = function () {     
        var list = [],     
            interval;     
    
        return function (id, time) {     
            if (!interval)     
                interval = setInterval(go, 1000);     
            list.push({ ele: document.getElementById(id), time: time });     
        }     
    
        function go() {     
            for (var i = 0; i < list.length; i++) {     
                list[i].ele.innerHTML = getTimerString(list[i].time ? list[i].time -= 1 : 0);     
                if (!list[i].time)     
                    list.splice(i--, 1);     
            }     
        }     
    
        function getTimerString(time) {     
                d = Math.floor(time / 86400),     
                h = Math.floor((time % 86400) / 3600),     
                m = Math.floor(((time % 86400) % 3600) / 60),     
                s = Math.floor(((time % 86400) % 3600) % 60);     
            if (time>0)     
                return d + "天" + h + "小时" + m + "分" + s + "秒";       
            else return "时间到";     
        }     
    } ();     
    
    addTimer("timer1", 999999);     
    addTimer("timer2", 66666);     
    addTimer("timer3", 33333);   
</script>  
</html>

 

posted @ 2017-12-19 14:18  松歌  阅读(785)  评论(0)  编辑  收藏  举报