Как после окончания обратного отсчёта изменять div?

Question

[AliOOO]

var countDownDate = new Date("Jan 10, 2024 00:45:21").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("sale-date").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";

    if (distance < 0) {
        clearInterval(x);
        document.getElementById("sale-date").innerHTML ='';
    }
}, 1000);

Answer 1

[Сергей Соколов]

Там, где у вас сейчас в конце innerHTML = ''; вместо пустой строки вложить какой-то HTML с сообщением, что время уже всё.

Можно обернуть в функцию, и тогда легко сделать на странице несколько разных таймеров:

Comments

[AliOOO]

вы меня немного не так поняли я имел виду что по окончания менялся совсем другой див

[Сергей Соколов]

AliOOO, как вас можно было понять, если вы ничего не написали )
Примерно представляете, как работает код? Какой его фрагмент выполнится лишь однажды, когда время истечёт? Вот в этом фрагменте и меняйте «другой div»

В чём конкретно сейчас сложность?