JavaScriptのsetInterval()とclearInterval()メソッドの使い方を教えてください。

2年 ago
桜, 春樹
1 minute

setInterval()はJavaScriptの関数で、指定された関数やコードを指定された時間間隔で繰り返し実行するタイマーを設定するために使用できます。これは2つのパラメータを受け取ります。1つは実行される関数またはコード、もう1つは時間間隔(ミリ秒単位)です。

setInterval(() => console.log(‘Hello World!’), 1000);

function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);

clearInterval() 関数は、setInterval() で作成されたタイマーをキャンセルするために使用される関数です。1 つの引数を取り、キャンセルしたいタイマーの ID を指定します。タイマー ID は、setInterval() 関数の戻り値です。

setInterval() と clearInterval() を使う例: 「Hello World!」を 1 秒ごとに表示するが、5 秒後にタイマーをキャンセルする

function sayHello() {
  console.log("Hello World!");
}

var intervalId = setInterval(sayHello, 1000);

setTimeout(function() {
  clearInterval(intervalId);
}, 5000);

上のサンプルでは、setTimeout()関数を使用して、5秒後にsetInterval()関数で取得したタイマーのIDをclearInterval()に渡してタイマーを停止しています。clearInterval()を使用するときは、setInterval()で取得したタイマーのIDを指定する必要があります。

bannerAds