javascript - Javascript - while ループの setTimeOut が機能しない

Question

私はこのようなことをしたかった：

<p id="sec">5</p>
<script>
var i = 5;
while (i > 0){
    setTimeout(i--,1000);
    document.getElementById("sec").innerHTML = i;
}
if (i === 0){
    window.location = "index.php";
}
</script>

そして、一瞬も経たないうちに、index.php にリダイレクトされましたか? なぜこれが起こったのですか？それを機能させる方法は？

Answer 1

var i = 5;
setTimeout(updateTime,1000);

function updateTime()
{
    document.getElementById("sec").innerHTML = i--;

    if (i === 0)
        window.location = "index.php";
    else
        setTimeout(updateTime, 1000);
}