jsでのsetIntervalとsetTimeoutの使用例_基礎知識

setInterval() の定義と使用法

setInterval() メソッドは、指定された周期 (ミリ秒単位) で関数または式を実行します。このメソッドは、clearInterval() を使用して関数が明示的に停止されるか、ウィンドウが閉じられるまで、関数の呼び出しをループします。 clearInterval() 関数のパラメータは、setInterval() によって返される ID 値です。

文法

setInterval(code,millisec[,"lang"])
コードが必要です。呼び出される関数、または実行されるコード文字列。
ミリ秒は必須です。定期的な実行またはコードの呼び出し間の時間間隔 (ミリ秒単位)。

戻り値

コードの定期的な実行をキャンセルするために Window.clearInterval() に渡すことができる値。

使用例:

setTimeout() の定義と使用法

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

構文

setTimeout(code,millisec)
コードが必要です。呼び出される関数の後に実行される JavaScript コードの文字列。
ミリ秒が必要です。コードを実行する前に待機するミリ秒数 (ミリ秒単位)。

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

使用例:

< スクリプト type="text/javascript">
function timedMsg(){
var t=setTimeout("alert('3 秒前!')",3000);
}
function timedMsgAways(){
alert('3 秒です!');
var t=setTimeout("timedMsgAways()",3000);
}

< br />

これら 2 つのメソッドについて、一定時間ごとにアクションを正確に実行する必要がある場合は setInterval を使用するのが最適であり、連続呼び出しによる相互干渉を引き起こしたくない場合は、特に、各関数呼び出しで大量の計算と長い処理時間が必要な場合は、setTimeout を使用するのが最善です。