SetInterval と setTimeout の停止メソッド_JavaScript スキル

まず setInterval について理解しましょう:
1、HTML DOM setInterval() メソッド
定義と使用法
setInterval() メソッドは、指定された期間 (ミリ秒単位) に従って関数または計算を呼び出すことができます。表現。
setInterval() メソッドは、clearInterval() が呼び出されるかウィンドウが閉じるまで関数を呼び出し続けます。 setInterval() によって返される ID 値は、clearInterval() メソッドの引数として使用できます。
構文
setInterval(code,millisec[,"lang"])
パラメータ 説明
code 必須。呼び出される関数、または実行されるコード文字列。
ミリ秒は必須です。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。
戻り値
コードの定期的な実行をキャンセルするために Window.clearInterval() に渡すことができる値。
2、HTML DOMのclearInterval()メソッド
定義と使用法
clearInterval()メソッドは、setInterval()で設定したタイムアウトをキャンセルすることができます。
clearInterval() メソッドのパラメータは、setInterval() によって返される ID 値である必要があります。
構文
clearInterval(id_of_setinterval)
パラメータ 説明
id_of_setinterval setInterval() によって返される ID 値。
停止方法:
次の例では、50 ミリ秒ごとに Clock() 関数を呼び出します。ボタンを使用してこの時計を停止することもできます:

<input type="text" id="clock" size="35"> <button onclick="int=window.clearInterval(int)"> </button> 停止間隔
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]
setTimeout について詳しく見てみましょう:

1,HTML DOM setTimeout() メソッド
定義と使用法
setTimeout() メソッドは、関数を呼び出すか、指定された数値の後の式を計算するために使用されます。ミリ秒単位。
構文
setTimeout(code,millisec)
パラメータ 説明
code 必須。呼び出される関数の後に実行される JavaScript コードの文字列。
ミリ秒が必要です。コードを実行する前に待機するミリ秒数。
ヒントとメモ
ヒント: setTimeout() はコードを 1 回だけ実行します。複数回呼び出す場合は、setInterval() を使用するか、コード自体で setTimeout() を再度呼び出すようにします。
この例では、ボタンをクリックしてから 5 秒後にプロンプ​​ト ボックスが表示されます:

<form> <input type="button" value="Display timed alertbox!" onclick="timedMsg()"> </form> <p> </p> 上のボタンをクリックすると、警告ボックスが表示されます。 5秒後に表示されます。
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]

2 , HTML DOMのclearTimeout()メソッド
定義と使用法clearTimeout()メソッドは、setTimeout()メソッドで設定したタイムアウトをキャンセルできます。構文 clearTimeout(id_of_settimeout)
パラメータ 説明
id_of_setinterval setTimeout() によって返される ID 値。この値は、キャンセルされる遅延実行コード ブロックを識別します。

例 次の例では、timedCount() 関数を 1 秒ごとに呼び出します。ボタンを使用して、このスケジュールされたメッセージを終了することもできます: <form> <input type="button" value="Start count!" onclick="timedCount()"> <input type="text" id="txt"> <input type="button" value="Stop count!" onclick="stopCount()"> </form>

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]