delay( duration, [queueName] )

jQuery API の delay( duration, [queueName] ) は、キュー内の後続の項目の実行を遅らせるタイマーのようなメソッド。

引数

duration

ミリ秒単位の数字、もしくは、’slow’、’normal’、’fast’ の文字列で指定。

例えば、2000 を指定すると、２秒遅れて実行する。

[queueName]

オプション。

キューの名前を指定できる。指定がない場合、デフォルトのエフェクトキューを遅らせる。

実装例（サンプル）

実装例（サンプル）の動作について

オレンジ色のボックスにカーソルを合わせると、①のボックスがスライドダウンで現れ、次に、②のボックスが現れ、最後に、③のボックスが現れる。

オレンジ色のボックスからカーソルを外すと、③のボックスがスライドアップで消え、次に、②のボックスが消え、最後に、①のボックスが消える。

実装例（サンプル）のソースコード

JavaScript

CSS

HTML