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>

先定義目標時間，然后在獲取當前時間戳,得到差值，然后轉換為相對應的天,小時,分鍾,秒數

然后添加定時器,每個一秒鍾就執行一次計數方法，相差秒數-1

當差值小於0的時候去除定時器

以下是用到的基礎知識點: