JavaScript タイマーの停止

タイマーの起動方法は既にご存知でしょう。今度は、それを停止する方法を学びましょう。そのためには、 setInterval関数を使って起動した各タイマーには固有の番号があることを知っておく必要があります。この番号は、タイマー起動時に setInterval関数が返します：

let timerId = setInterval(function() {
	console.log('!')
}, 1000);

alert(timerId); // タイマーの番号を出力

タイマーの停止には、clearInterval関数が使用されます。この関数は、停止したいタイマーの固有の番号を受け取ります。

例として、1から始めて昇順に数字をコンソールに出力するタイマーを起動してみましょう。画面に 10 の数字が出力された時点でタイマーを停止します：

let i = 0;

let timerId = setInterval(function() {
	console.log(++i);
	
	if (i >= 10) {
		clearInterval(timerId);
	}
}, 1000);

初期値として 10 の数字が格納されている変数があるとします。この変数の値を毎秒 1 ずつ減らし、その値をコンソールに出力するタイマーを起動してください。変数の値がゼロに達した時点でタイマーを停止してください。