倒数计时器在页面刷新时重置 [英] Countdown timer resets on page refresh

问题描述

我正在尝试实施这个倒数计时器： http://codepen.io/ltzngr/pen/ ysowF

每次加载页面时，它都会重置！我不希望它重置，我希望它继续倒计时到2014年10月3日。

任何帮助将不胜感激！ ：）

  $（function（）{
 
 var target_date = new Date（）。getTime（ ）+（39000 * 3600 * 48）; //设置倒计时日期
 var天，小时，分钟，秒; //时间单位的变量
 
 var countdown = document.getElementById（ tiles）; //获取标记元素
 
 getCountdown（）; 
 
 setInterval（function（）{getCountdown（）;}，1000）; 
 
 function getCountdown（）{
 
 //查找现在和目标之间的秒数量
 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））; 
 
 //格式倒计时字符串+设置标记值
 cou ntdown.innerHTML =< span>+ days +< / span>< span>+ hours +< / span>< span>+ minutes +< / span>< span> ;+秒+< / span>; 
} 
 
函数pad（n）{
 return（n< 10？'0'：''）+ n; 
} 
  

}）;

  var target_date = new Date（）。getTime（） +（39000 * 3600 * 48）; // 
  

到十月的时间戳

  //年，月，日，小时，分钟，秒，毫秒
 var target_date = new日期（2014,10,3,0,0,0,0）; 
  

I'm trying to implement this countdown timer: http://codepen.io/ltzngr/pen/ysowF

Every time the page loads, it resets! I don't want it to reset, I want it to continue to countdown to October 3, 2014.

Any help will be greatly appreciated! :)

$(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;
}

});

解决方案

set this string

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

to timestamp of october

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

这篇关于倒数计时器在页面刷新时重置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！