Window clearTimeout() メソッド
- 前のページ clearInterval()
- 次のページ close()
- 上層に戻る Window オブジェクト
定義と使用方法
clearTimeout()
メソッドで使用 setTimeout() メソッド 設定したタイマーを
ヒント
タイムアウトを解除するには、以下の setTimeout() メソッド 返された id:
myTimeout = setTimeout(function、 milliseconds);
その後、呼び出すことができます clearTimeout()
を使用して実行を停止します:
clearTimeout(myTimeout);
参照:
インスタンス
例 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 |
サポート | サポート | サポート | サポート | サポート | サポート |
- 前のページ clearInterval()
- 次のページ close()
- 上層に戻る Window オブジェクト