Как сделать таймер обратного отсчета на javascript?

1

<p>До Нового Года осталось: <span id="countdown"></span></p>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

// задаем дату, до которой будем отсчитывать
var countdownDate = new Date("January 1, 2024 00:00:00").getTime();

// обновляем таймер каждую секунду
var x = setInterval(function() {

  // получаем текущее время
  var now = new Date().getTime();

  // вычисляем разницу между текущим временем и датой отсчета
  var distance = countdownDate - now;

  // вычисляем дни, часы, минуты и секунды, оставшиеся до даты отсчета
  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);

  // выводим результаты в элемент с id "countdown"
  document.getElementById("countdown").innerHTML = days + " д. " + hours + " ч. "
  + minutes + " м. " + seconds + " с.";

  // если время отсчета уже прошло, выводим сообщение
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("countdown").innerHTML = "EXPIRED";
  }
}, 1000);