javascript - 第一个程序 : javascript countdown timer

Question

我正在尝试从头开始编写自己的计时器。在这里完成菜鸟。我知道有很多关于构建计时器的教程，但根据经验，每当我使用示例时，我并没有真正学习。这是我想出的代码:

<p id="myTimer">Blank Text</p>

var timer = 60;

function updatePLEASE() {
    timer--;
}

while (timer > 0){
    console.log(timer);
    document.getElementById("myTimer").innerHTML = timer;
    setTimeout(updatePLEASE(), 1000); /* replicate wait 1 second */
}

当它运行时，它显示“1”。一开始我以为它会返回一个 bool 值，直到我添加了 console.log 并看到脚本确实从 60 倒计时到 1。但是，脚本似乎只使用了一次 setTimeout。

为什么脚本在再次运行循环之前不等待 1000 毫秒？或者更好的问题:我是否正确使用了 setTimeout 函数？

Answer 1

setTimeout 获取函数名称，它将if 不是while 并更改function 中的文本。

var timer = 60;

function updatePLEASE() {
    timer--;
    if (timer > 0){
    //console.log(timer);
    document.getElementById("myTimer").innerHTML = timer;
    setTimeout(updatePLEASE, 1000); /* replicate wait 1 second */
}
}
updatePLEASE();

<p id="myTimer">Blank Text</p>