Jak mogę użyć setInterval lub setTimeout i wyświetlić wyniki podczas liczenia?

Próbuję odliczać czas od 5 sekund do zera, zanim funkcja zostanie wywołana, i mogę to zrobić z powodzeniem, ale nie byłem jeszcze w stanie wyświetlić wartości licznika podczas odliczania. Zamiast wyświetlać wartości,<div></div> przechodzi z pustego miejsca do „Liczba: 0”. Użyłem obusetTimeout isetInterval z tym samym rezultatem.

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

Próbowałem też użyć.value zamiast.innerHTML bez pomocy.

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

<div id="displayDiv" />

Wygląda na to, że powinno być naprawdę proste, ale mnie to zaskoczyło. Każda pomoc jest doceniana

questionAnswers(2)

yourAnswerToTheQuestion