Как я могу использовать setInterval или setTimeout и отображать результаты во время подсчета?

Я пытаюсь сделать таймер обратным отсчетом с 5 секунд до нуля, прежде чем вызывать функцию, и я могу сделать это успешно, но я пока не смог отобразить значение таймера во время обратного отсчета. Вместо отображения значений,<div></div> переходит с пустого места на «Номер: 0». Я использовал обаsetTimeout а такжеsetInterval с тем же результатом.

<script type="text/javascript">
    for (i = 5; i > 0; i--) {
        function countDown() {
            setInterval(function () {
                document.getElementById("displayDiv").innerHTML = "Number: " + i;
            }, 1000);
        }
    }
</script>

I also tried using .value in place of .innerHTML with no help.

<input type="button" value="Count" onclick="countDown()" />

<div id="displayDiv" />

Кажется, что это должно быть действительно просто, но это поставило меня в тупик. Любая помощь приветствуется

Ответы на вопрос(2)

Ваш ответ на вопрос