なんらかのJavaScriptの関数をタイミングを遅らせて実行したいとき。
そんなときに使えるjQueryメソッド[setTimeout]を紹介します。
[setTimeout]メソッドで処理を遅延実行
基本的な使い方は以下のとおり。
$(function(){ setTimeout(function(){ // 遅延実行したい処理 }, 3000 ); });
上記コード内の数値の部分(3000)で、何秒後に遅延実行するかを変更できます。
ミリ秒単位で指定するので「3000」だと「3秒」ということになります。
[setInterval]メソッドとの違い
[setTimeout]と似たメソッドで[setInterval]が存在します。
[setTimeout]は指定した時間の後で処理を一度だけ実行するのに対し、[setInterval]は指定した秒数ごとに処理を複数回実行させることができます。
コードの記述方法は[setTimeout]メソッドとほぼ同じです。
$(function(){ setInterval(function(){ // ループして実行したい処理 }, 2000 ); });
以上。
ぜひお試しください。