Window clearTimeout() メソッド

定義と使用方法

clearTimeout() メソッドで使用 setTimeout() メソッド 設定したタイマーを

ヒント

タイムアウトを解除するには、以下の setTimeout() メソッド 返された id:

myTimeout = setTimeout(functionmilliseconds);

その後、呼び出すことができます clearTimeout() を使用して実行を停止します:

clearTimeout(myTimeout);

参照:

setTimeout() メソッド

setInterval() メソッド

clearInterval() メソッド

インスタンス

例 1

myGreeting()の実行を防ぐ方法:

const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
  document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
  clearTimeout(myTimeout);
}

自分で試してみてください

例 2

この例では、タイマーを開始する「開始」ボタン、カウンタの入力フィールド、およびタイマーを停止する「停止」ボタンがあります:

<button onclick="startCount()">カウントを開始!</button>
<input type="text" id="demo">
<button onclick="stopCount()">カウントを停止!</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
  document.getElementById("demo").value = counter;
  counter++;
  timeout = setTimeout(timedCount, 1000);
}
function startCount() {
  if (!timer_on) {
    timer_on = 1;
    timedCount();
  }
}
function stopCount() {
  clearTimeout(timeout);
  timer_on = 0;
}
</script>

自分で試してみてください

文法

clearTimeout(timeoutId)

パラメータ

パラメータ 説明
timeoutId 必須。setTimeout() メソッド 返される ID。

戻り値

なし。

説明

clearTimeout() メソッドは指定されたコードの実行をキャンセルします、呼び出し setTimeout() メソッド はこれらのコードを実行する遅延を実行できます。パラメータ timeoutId は呼び出し setTimeout() メソッド の戻り値は、キャンセルする遅延実行コードブロック(複数可能)を示します。

ブラウザのサポート

すべてのブラウザがサポートしています clearTimeout()

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート