淘寶美團一些網站上面經常搞什麼活動倒計時。看到了自己也玩一下吧。

實現方法都一樣，無非就是後臺傳值過來活動結束的時間，然後減去當前的時間進行動態插入時間節點。

html：

<div class="box" end-time="1463500799" start-time="1463381269">
        距離活動結束還有<span id="time"></span>
    </div>

js動態計算結束時間

//不足兩位補0
        function timeS(num) {
            return ('0' + num).slice(-2
 
);
        }

        function FreshTime() {
            //這兩個是後臺返回的時間戳，為了便於測試把開始時間變成當前本地的時間
            var attr_s = $('.box').attr('start-time');
            var attr_e = $('.box').attr('end-time');

            var startTime = new Date().getTime();
            var endTime = parseInt(attr_e * 1000);
            var
 
 differTime = endTime - startTime; //兩時間差
            var d = parseInt(differTime / (24 * 60 * 60 * 1000));
            var h = parseInt(differTime / (60 * 60 * 1000) % 24);
            var m = parseInt(differTime / (60 * 1000) % 60);
            var s = parseInt(differTime / 1000 % 60);

            var t_html = d + "天" + timeS(h) + "時"
 
 + timeS(m) + "分" + timeS(s) + "秒";
            $("#time").html(t_html);

            if (differTime <= 0) {
                $("#time").html('團購已結束');
                clearInterval(timer);
            }
        }
        FreshTime();
        var timer = setInterval(FreshTime, 1000);