Wie kann ich setInterval oder setTimeout verwenden und die Ergebnisse während der Zählung anzeigen?

Ich versuche, einen Timer von 5 Sekunden auf Null herunterzuzählen, bevor eine Funktion aufgerufen wird, und das kann ich erfolgreich ausführen, aber ich konnte den Timer-Wert noch nicht anzeigen, während er herunterzählt. Anstatt die Werte anzuzeigen, wird die<div></div> geht von einem Leerzeichen zu "Nummer: 0". Ich habe beides benutztsetTimeout undsetInterval mit dem gleichen Ergebnis.

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

Ich habe auch versucht mit.value anstelle von.innerHTML ohne hilfe.

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

<div id="displayDiv" />

Das scheint wirklich einfach zu sein, aber es hat mich verblüfft. Jede Hilfe wird geschätzt

Antworten auf die Frage(2)

Ihre Antwort auf die Frage