jsでのsetIntervalとsetTimeoutの使用例

このセクションの内容: setInterval と setTimeout

1. setInterval() の定義と使用法 setInterval() メソッドは、ミリ秒単位で指定された周期で関数または式を実行します。 このメソッドは、clearInterval() を使用して関数が明示的に停止されるか、ウィンドウが閉じられるまで、ループ内で関数の呼び出しを続けます。 clearInterval() 関数のパラメータは、setInterval() によって返される ID 値です。 文法 setInterval(code,millisec[,"lang"]) コードが必要です。呼び出される関数、または実行されるコード文字列。 ミリ秒が必要です。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。 戻り値 コードの定期的な実行をキャンセルするために Window.clearInterval() に渡すことができる値。

例:

間隔イベントを停止

2. SetTimeout()の定義と使用法 setTimeout() メソッドは、指定したミリ秒後に関数または計算式を呼び出すために使用されます。このメソッドと setInterval() メソッドの違いは、このメソッドが 1 回だけ実行されることです。

文法 setTimeout(コード,ミリ秒) コードが必要です。呼び出される関数の後に実行される JavaScript コードの文字列。 ミリ秒が必要です。コードを実行する前に待機するミリ秒数 (ミリ秒単位)。 ヒント： (1) setTimeout() はコードを 1 回しか実行しません。ただし、複数回呼び出す必要がある場合は、setInterval() を使用するだけでなく、実行されたコード自体で setTimeout() メソッドを再度呼び出して、複数回実行の目的を達成することもできます。 (2) さらに、setTimeout() メソッドは、setTimeout() メソッドの使用をキャンセルするために、clearInterval() メソッドの使用を容易にするために、ID 値を返すこともできます。

例:

 アクションを正確に実行してから setInterval を使用する場合、相互干渉を起こしたくない場合は setInterval を使用するのが最適です。連続呼び出し、特に各関数呼び出しに大量の計算と長い処理時間が必要な場合は、setTimeout を使用するのが最善です。