前端頁面展示時分秒倒計時

var openingCountDownTimer;//倒計時定時器
    var timerDifference;
    var serverTime;

$(function (){
    var targetTime = $("#targetTime").val();//目標時間
        var targetTimeNew = eval('new Date(' + quoteLimitTime.replace(/\d+(?=-[^-]+$)/,
            function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')').getTime();
        openingCountDownTimer = showOpeningTimeLimit(targetTimeNew);

}

function showOpeningTimeLimit(timer){
        var currentDate = new Date().getTime();//當前時間
        $.ajax({type:'options',url:'/',complete:function(x){
            serverTime = new Date(x.getResponseHeader('Date')).getTime();//服務器時間
            timerDifference = serverTime - currentDate;//計算時間差

            var nMS = timer - (currentDate + timerDifference);//計算倒計時毫秒數
            var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
            var nH = Math.floor(nMS/(1000*60*60)) % 24;
            var nM = Math.floor(nMS/(1000*60)) % 60;
            var nS = Math.floor(nMS/1000) % 60;

            if(nMS > 0){
                /**時間校正,防止本地時間被修改*/
                /*if(Math.abs(currentDate - timeTemp) > 2000){
                    loadTimeLimit();
                }*/

                var nT = '';
                if(nD > 0){
                    nT += nD + '天';
                }
                if(nH > 0){
                    nT += nH + '時';
                }
                if(nM > 0){
                    nT += nM + '分';
                }
                if(nS > 0){
                    nT += nS + '秒';
                }
                document.getElementById('targetTimeDiv').innerHTML=nT;
                openingCountDownTimer = setTimeout(function(){showOpeningTimeLimit(timer)},1000);//每秒刷新一次
            }else{
                document.getElementById('targetTimeDiv').innerHTML='倒計時已結束';
            }
        }});
    }

  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章