innerhtmlでsetintervalを停止するにはどうすればいいですか？

Question

私は毎秒setintervalで時間を加算するdivを持っています。私はこのsetintervalを停止し、私のdivの他のテキストを設定したいが、問題は私の新しいテキストが1秒間表示され、時間が私のdivに戻っている。誰が私を助けることができますか？

Answer 1

キーワードを使用するか、変数に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