JavaScriptでのsetInterval関数によるカウンター
もちろん、タイマーが毎回同じものを出力するのはあまり面白くありません。
課題を複雑にして、コンソールに昇順で数字が毎秒出力されるようにしましょう:
最初に1、次に2、その次に3というように。
そのためには、関数の起動間で値を保持するカウンター変数が必要です。 単純にグローバル変数を作成できると理解するのは難しくありません:
let i = 0; // グローバル変数
setInterval(function() {
i++;
console.log(i);
}, 1000);
よりコンパクトに書き直します:
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
または、アロー関数を使ってさらにコンパクトに:
let i = 0;
setInterval(() => console.log(++i), 1000);
初期値100が格納されている変数があるとします。
この変数の値を毎秒1ずつ減少させ、その値をコンソールに出力するタイマーを起動してください。