2014-07-17 177 views
0

我想實現這個倒計時:http://codepen.io/ltzngr/pen/ysowF倒數計時器重置刷新

每次頁面加載,它重置!我不希望它重置,我希望它繼續倒計時到2014年10月3日。

任何幫助將不勝感激! :)

$(function() { 

var target_date = new Date().getTime() + (39000*3600*48); // set the countdown date 
var days, hours, minutes, seconds; // variables for time units 

var countdown = document.getElementById("tiles"); // get tag element 

getCountdown(); 

setInterval(function() { getCountdown(); }, 1000); 

function getCountdown(){ 

    // find the amount of "seconds" between now and target 
    var current_date = new Date().getTime(); 
    var seconds_left = (target_date - current_date)/1000; 

    days = pad(parseInt(seconds_left/86400)); 
    seconds_left = seconds_left % 86400; 

    hours = pad(parseInt(seconds_left/3600)); 
    seconds_left = seconds_left % 3600; 

    minutes = pad(parseInt(seconds_left/60)); 
    seconds = pad(parseInt(seconds_left % 60)); 

    // format countdown string + set tag value 
    countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; 
} 

function pad(n) { 
    return (n < 10 ? '0' : '') + n; 
} 

});

+0

那是因爲你要問當前時間的時間戳。你應該做的是從開始日期獲得時間。 –

+0

然後將目標日期設置爲2014年10月3日,而不是當前日期加上78天? – Ryan

+0

謝謝你們!巨大的幫助 - 現在起作用。 :) – Goatsy

回答

2

集此字符串

 var target_date = new Date().getTime() + (39000*3600*48); // 

至十月

   // year, month, day, hours, minutes, seconds, milliseconds 
       var target_date = new Date(2014, 10, 3, 0, 0, 0, 0); 
+0

我結束了使用('10/03/2014 8:00 AM'); - 非常感謝!拯救生命! :) – Goatsy

+0

JavaScript中的月份爲零,因此在10月份通過9。 – Ryan