Почему мой повторяющийся обратный отсчет перезапускается неправильно? - PullRequest
Новая
       15

Почему мой повторяющийся обратный отсчет перезапускается неправильно?

0 голосов
/ 09 января 2019

Я немного новичок в Javascript. В прошлом году мой отсчет времени работал правильно. Однако, как только наступил рождественский хит, он начал отсчитывать до 27 февраля нового года, и я не могу понять, почему.

Я попытался переместить некоторые переменные (year и countDownDate), а также попытался перезапустить 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);

Я бы хотел, чтобы он отсчитывал до Рождества каждый год. Итак, когда наступит Рождество, нужно начать обратный отсчет на следующий год.

Я использовал приведенный ниже совет Тайлера Ропера и iagowp, чтобы он работал правильно! Показ сотого места по дням очень важен.

1 Ответ

0 голосов
/ 09 января 2019

У вас есть ошибка здесь: 

('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 ";
...