JavaScript setTimeoutメソッドで一定時間の経過後に実行するサンプル

環境
Google Chrome 106.0.5249.91
Windows 10 Home 64bit

構文
変数 = setTimeout(関数名,ミリ秒 [,引数…])
指定したミリ秒の経過後、関数が1度実行されます。1000ミリ秒は、1秒です。
3つめ以降の引数は、1つめの関数に渡す引数を指定できます。
setTimeoutメソッドの戻り値は、タイマーを識別する数値を返します。

使用例

<!DOCTYPE html>
<html>
<body>

<input type="button" value="開始" />
<p><input type="button" value="停止" /></p>

<script>
  let timerA;
  //開始処理関数
  function startFun() {
    if(timerA){
      endFun();
    }
    // 開始ボタンを押すと2秒ごとに文字列が出力される
    timerA = setInterval(procA, 2000);
  }
  //関数procA
  procA = function () {
    console.log("2秒経過しました");
  };
  //終了処理関数
  function endFun() {
   // setIntervalメソッドで開始された処理を停止
    clearInterval(timerA);
  }
</script>

</body>
</html>

実行結果
開始ボタンを押すと2秒ごとに文字列が出力されます。
停止ボタンを押すと定期処理が停止します。

JavaScript

Posted by arkgame