如何在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