为什么我的循环倒数计时重新正确启动?

时间:2019-01-09 03:05:34

标签: javascript countdown

我对Java有点陌生。去年我的倒计时工作正常。但是,圣诞节来临时,它开始倒计时到新年的2月27日,我不知道为什么。

我尝试移动一些变量(年份和countDownDate),并且还尝试在重新启动Year时重新启动countDownDate。但是由于今年还没有重启,所以我真的不确定这两个方法是否都有效。

var d = new Date();
var year = d.getFullYear();
// Set the date we're counting down to
var countDownDate = new Date("Dec 25, " + year + " 0:00:01").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now and the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = ('0' + days).slice(-2) + "d " + ('0' + hours).slice(-2) + "h " + ('0' + minutes).slice(-2) + "m " + ('0' + seconds).slice(-2) + "s ";

  // If the count down is over, restart timer to next Christmas 
  if (distance == 0) {
    year = d.getFullYear() + 1;
  }
}, 1000);

我希望每年倒数圣诞节。因此,当圣诞节来临时,就需要从明年开始倒计时。

我使用了Tyler Roper和iagowp的以下建议来使其正常工作!显示几天的百分率非常重要。

1 个答案:

答案 0 :(得分:0)

您在这里有一个错误:

('0' + days).slice(-2)

当天数大于100时,您将删除一个字符,因此,如果天数= 349,则将变为49天。 如果要确保它至少包含两位数,可以将其替换为

(days > 10 ? days : '0' + days) + "d " + ('0' + hours).slice(-2) + "h " + ('0' + minutes).slice(-2) + "m " + ('0' + seconds).slice(-2) + "s ";