ウィンドウclearTimeout()
例1
myGreating()の実行を防ぐ方法:
const myTimeout = setTimeout(myGreating, 3000);
function myGreating() {
document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
clearTimeout(myTimeout);
}
以下のその他の例。
定義と使用法
メソッドは、メソッドclearTimeout()
で設定されたタイマーをクリアします
setTimeout()
。
ノート
タイムアウトをクリアするには、setTimeout()から返されたIDを使用します。
myTimeout = setTimeout(function, milliseconds);
次に、clearTimeout()を呼び出して、実行を停止できます。
clearTimeout(myTimeout);
関連項目:
構文
clearTimeout(id_of_settimeout)
パラメーター
Parameter | Description |
timeout id | Required. The id returned by the setTimeout() method. |
戻り値
なし |
その他の例
この例には、タイマーを開始するための「開始」ボタン、カウンターの入力フィールド、およびタイマーを停止するための「停止」ボタンがあります。
<button onclick="startCount()">Start count!</button>
<input type="text" id="demo">
<button onclick="stopCount()">Stop count!</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()
すべてのブラウザでサポートされています:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |