HTML Timer

sanders

Известный
Автор темы
249
113
Обычный таймер обратного отсчета, может кому нужно
HTML:
<p id="demo"></p>
<script>
var countDownDate = new Date("May 22, 2023 17:57:25").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);
    document.getElementById("demo").innerHTML = days + "days " + hours + "hours "
    + minutes + "minutes " + seconds + "seconds ";
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000); // время обновления (1000 - секунда)
</script>
Выглядит примерно так
1581702787023.png