2014-07-17 133 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