どうやってJSの周期関数setIntervalを使うのか

setInterval 関数は、指定された時間間隔で指定されたコードブロックや関数を繰り返し実行するために使用されます。2 つの引数を受け取ります。1 番目の引数は実行するコードブロックや関数、2 番目の引数は時間間隔(ミリ秒単位)です。

setInterval 関数の使用方法を以下に示します。

// 定义一个计数器变量
var counter = 0;
// 定义一个函数,每次执行时计数器加一并输出结果
function incrementCounter() {
counter++;
console.log(counter);
}
// 使用setInterval函数,每隔1秒执行一次incrementCounter函数
var intervalId = setInterval(incrementCounter, 1000);

上記では、カウンタ変数「counter」と関数「incrementCounter」を定義しており、「incrementCounter」は実行されるたびにカウンタを 1 増やして結果を出力します。その上で、1 秒ごとに「incrementCounter」を実行する「setInterval」関数を利用しています。「setInterval」関数は、一意の識別子「intervalId」を返しており、この識別子を用いて周期関数の実行を後々キャンセルすることができます。

間隔的に実行される関数の実行を止めたい場合は、clearInterval関数を使用し、intervalId をパラメータとして渡すことができます。例えば:

// 停止周期函数的执行
clearInterval(intervalId);

setInterval関数は指定した時間間隔の後にすぐに最初のコードブロックや関数の実行を開始し、その後、指定の時間間隔に従って繰り返し実行されます。実行されるコードブロックや関数の処理時間が長い場合、周期関数の実行間隔が長くなる可能性があります。周期関数の実行間隔が常に一定になるようにする必要がある場合は、setTimeout関数を再帰的に呼び出して実装することを検討してください。

bannerAds