javascript - 我想使用 for 循环重复一个函数，但 for 循环什么也不做

Question

我正在使用 HTML、CSS 和 JavaScript 编写游戏代码。我创建了一个在 HTML 代码中对 p 标签进行倒计时的函数，但每次执行该函数时它只减去一个数字，因此我需要大量执行该函数，当倒计时为零时游戏结束。

我尝试放入一个 for 循环，但 for 循环没有执行任何操作。

我的JavaScript函数:

function time() {
    for (i=0;i<30;i++) {
        var enem = document.getElementById("enem");
        var timer = document.getElementById("timer1").innerHTML;
        var timer = parseInt(timer);
        var actime = timer - 1;
        sleep(1000).then(() => {
        timer = document.getElementById("timer1").innerHTML = actime;
        if (timer===0) {
            enem.parentNode.removeChild(enem);
            window.location.href = ('success.html');
        }
        })
        }
}

我除了 time() 函数的结果会每 1 秒 30 次更改 p-tag，但它只更改一次。

Answer 1

您应该使用 Javascript 的 setInterval 函数。

(function(){
var n = 30;
var tm = setInterval(countDown,1000);
var enem = document.getElementById("enem");
var timer = document.getElementById("timer1");
function countDown(){
   n--;
   if(n == 0){
      clearInterval(tm);
      enem.parentNode.removeChild(enem);
      window.location.href = ('success.html');
   }
   timer.innerHTML = n;
}})();

<p id="enem"></p>
<p id="timer1"></p>