setInterval 不能连续工作并在第一次迭代后停止

Question

开始时间是01:59 。 当我刷新页面时，它变为01:58并停止。 它应该变成01:59 ，然后是01:58 ，然后是01:57等等。

 function timer() { let time = 119, minutes = Math.floor(time / 60), seconds = time % 60; if (minutes < 10) { minutes = `0${minutes}`; } else if (seconds < 10) { seconds = `0${seconds}`; } if (seconds > 0) { seconds = seconds - 1; } else { clearInterval(SI); } document.getElementById('div').innerHTML = `${minutes}:${seconds}`; } let SI = setInterval(() => { timer(); }, 1000);

 <div id="div"></div>

Answer 1

您在每次time()迭代时都在休息time变量。 将初始化移到 function 之外。

此外，您忘记在time--调用时间之后从time变量中删除 1 秒 - ；

 function timer() { let minutes = Math.floor(time / 60), seconds = time % 60; if (minutes < 10) { minutes = `0${minutes}`; } else if (seconds < 10) { seconds = `0${seconds}`; } if (seconds > 0) { time--; } else { clearInterval(SI); } document.getElementById('div').innerHTML = `${minutes}:${seconds}`; } let time = 119; let SI = setInterval(() => { timer(); }, 1000);

 <div id="div"></div>

Answer 2

解决了。 即使我不知道没有代码的情况下分钟是如何运行的 Oo

let time=123;
function timer(){
    let minutes=Math.floor(time/60),
        seconds=time%60;
    /*if(minutes<10){
        minutes=`0${minutes}`;
    }if(seconds<10){
        seconds=`0${seconds}`;
    }*/
    if(time>0){
        time=time-1;
    }
    document.getElementById("div").innerHTML=`${minutes}:${seconds}`;
}
setInterval(()=>{
    timer();
},1000);

<div id="div"></div>

Answer 3

您的脚本应该设置为计时器组件的setInterval(timer,1000) 。