如何在innerhtml中停止setinterval？

Question

我有一个div，我每秒添加setinterval的时间。我想停止这个setinterval，并在我的div中设置其他文本，但问题是我的新文本显示一秒钟和时间回到我的div。请谁能帮助我？

Answer 1

您可以使用return关键字或将interval-id存储在变量中，然后使用clearInterval函数将其停止。

HTML：

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

JS（return）：

let time = 0; 
setInterval(() => { 
    // this line stops the interval 
    if(time > 10) return document.getElementById('time').innerHTML = 'finished!'; 
    document.getElementById('time').innerHTML = 'seconds: ' + time; 
    time++; 
}, 1000) 

JS Bin

JS（clearInterval）

let time = 0; 
let int = setInterval(() => { 
// this line stops the interval 
if(time === 10) clearInterval(int); 
    document.getElementById('time').innerHTML = 'seconds: ' + time; 
    time++ 
}, 1000) 

JS Bin