JavaScriptのsetIntervalメソッドの使用方法


  1. setIntervalメソッドの基本的な使用方法

以下のコード例では、setIntervalメソッドを使用して"hello"というメッセージを1秒ごとにコンソールに出力します。

setInterval(function() {
  console.log("hello");
}, 1000);
  1. インターバルIDの取得とクリア

setIntervalメソッドを実行すると、インターバルIDが返されます。このインターバルIDを使用すると、後でsetIntervalを停止することができます。以下の例では、5回繰り返した後にsetIntervalを停止します。

let count = 0;
const intervalId = setInterval(function() {
  console.log("hello");
  count++;
  if (count === 5) {
    clearInterval(intervalId); // setIntervalを停止
  }
}, 1000);
  1. パラメータを渡す

setIntervalメソッドには、関数にパラメータを渡すこともできます。以下の例では、setInterval内の関数に引数を渡しています。

function greeting(name) {
  console.log("Hello, " + name);
}
const intervalId = setInterval(greeting, 1000, "John");