JavaScriptで特定の期間の後に関数を呼び出す方法

JavaScriptを使用して特定の期間が経過した後、関数を呼び出したり実行したりする方法はいくつかあります。 2つのJavaScriptタイムイベントメソッドsetTimeout()を紹介します およびsetInterval() 。

これらのタイムイベントメソッドの違いは次のとおりです。

• setTimeout() 指定されたミリ秒数待機した後、関数を1回実行します
• setInterval() 指定された時間間隔で関数を継続的に実行し続ける

それぞれの簡単な例を見てみましょう。

JavaScript setTimeout（）の例

次のコードをコーディングプレイグラウンドのJavaScriptコンソールに追加します。必要に応じて、ブラウザのコンソールを使用できます。

setTimeout(function() {
  alert("Hello there!")
}, 3000)

3000はミリ秒（ms）なので、上記は3秒です。このコードは、最初のページの読み込みから3秒後に実行され、「Hellothere！」というアラートメッセージが表示されます。

JavaScript setInterval（）の例

次のコードをコーディングプレイグラウンドのJavaScriptコンソールに追加します。必要に応じて、ブラウザのコンソールを使用できます。

setInterval(function() {
  alert("Hello there!")
}, 3000)

このコードは3秒ごとに何度も実行されます。