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的時候去除定時器

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