JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

setTimeout()のコールバック関数に引数を渡す方法をわかりやすく解説

setTimeout()のコールバック関数に引数を渡す方法

JavaScriptのsetTimeout()メソッドでコールバック関数に引数を渡したい場合は、遅延時間（ミリ秒）の後ろに続けて引数を指定します。基本構文は以下の通りです。

setTimeout(関数名, ミリ秒, 引数1, 引数2, 引数3...)

各パラメータの意味

  • 関数名：タイマー満了後に実行したい関数の名前
  • ミリ秒：処理を遅らせる時間（1000ミリ秒＝1秒）
  • 引数1、引数2、引数3…：コールバック関数へ渡される追加の引数

実行例

以下のコードを実行すると、ボタンをクリックした5秒後にアラートが表示されます。

<!DOCTYPE html>
<html>
  <body>
    <button onclick="timeFunction()">送信</button>
    <script>
      function timeFunction() {
        setTimeout(function(){ alert("5秒経過しました！"); }, 5000);
      }
    </script>
    <p>上のボタンをクリックして、5秒間お待ちください。</p>
  </body>
</html>

実際に引数を渡すサンプルコード

第3引数以降に値を指定することで、コールバック関数へ任意のデータを渡すことができます。

function greet(name) {
  alert(name + "さん、こんにちは！");
}

// 「田中」がgreet関数の引数として渡される
setTimeout(greet, 3000, "田中");

このように、無名関数で包む方法やbind()メソッドを使う方法もありますが、setTimeout()の第3引数以降を利用するのが最もシンプルで可読性の高い書き方です。

  1. JavaScriptで関数の呼び出しを遅延させる方法｜setTimeout()の基本と使い方

    JavaScriptで関数の実行を遅らせたい場合には、setTimeout() 関数を使用します。setTimeout()は、指定したミリ秒（1/1000秒）が経過した後に、指定された関数を一度だけ実行するための組み込みメソッドです。setTimeout() の構文setTimeout(functionname, milliseconds, arg1, arg2, arg3...)各パラメータの意味は以下のとおりです。functionname － 実行したい関数の名前、または関数そのものを指定します。milliseconds － 遅延させる時間をミリ秒単位で指定します。例えば5000ミリ秒は5

  2. ChromeでJavaScriptの関数定義を見つける方法｜開発者ツールの検索機能を使いこなそう

    Google ChromeでWebサイトのソースコードを解析していると、「このJavaScript関数はどこで定義されているのだろう？」と悩むことがあります。特に大規模なプロジェクトや、複数の外部スクリプトが読み込まれているページでは、目的の関数定義を手作業で探すのは非常に手間がかかります。 Chrome DevToolsの検索機能を使えば一瞬で見つかる 実は、Chromeに標準搭載されているデベロッパーツール（Developer Tools）には、読み込まれたすべてのファイルを横断的に検索できる強力な機能があります。以下の手順に従えば、JavaScriptの関数定義も簡単に見つけられます。