第10回 jQuery 1.4編：連載：jQuery逆引きリファレンス（7/17 ページ）

[山田祥寛（http://www.wings.msn.to/），著]

連載目次

　delayメソッドを利用することで、アニメーションの途中に一定期間（durationミリ秒）の休止状態を挟むことができます。

　以下は、アイコン画像をフェードアウトした後、2000ミリ秒だけ休止し、またフェードインする例です。

<script type="text/javascript">

$(function() {

  // フェードアウト→休止→フェードイン
  $('div').fadeOut(3000).delay(2000).fadeIn(3000);

});

</script>

  ……中略……

<div>
  <img src="http://www.wings.msn.to/books/978-4-7981-1957-1/978-4-7981-1957-1_logo.jpg" alt="ASP.NET" />
</div>

リスト136 フェードアウト→休止→フェードインを実行（Delay.html）
このHTMLを実際にブラウザで開く

ブラウザで開く

リスト136の実行結果

　引数durationにはミリ秒のほか、'fast'、'slow'のような文字列を指定することもできます。