Здесь вы узнаете, как сделать таймер обратного отсчета при помощи JavaScript.
Попробовать самому »
Как сделать таймер обратного отсчета
Пример
<!-- Элемент для отображения таймера обратного отсчета -->
<p id="demo"></p>
<script>
// Устанавливаем дату, до которой будет вестись отсчет
var countDownDate = new Date("Jan 5, 2025 15:37:25").getTime();
// Изменяем отсчет каждую 1 секунду
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="demo"
document.getElementById("demo").innerHTML = days + "д " + hours + "ч "
+ minutes + "м " + seconds + "с ";
// Если отсчет закончен, выводим какой-то текст
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "ОТСЧЕТ ЗАКОНЧЕН";
}
}, 1000);
</script>
Попробовать самому »