web-dev-qa-db-ja.com

jqueryアニメーションを遅延させる方法は?

Divの表示を遅らせることはできません。アニメーションを20秒ほど遅らせたいのですが可能ですか???

$("#microcharcounter").delay(10000).show();
17
user342391

これを試して:

_$("#microcharcounter").delay(10000).show(0);
_

またはこれ:

_$("#microcharcounter").delay(10000).queue(function(n) {
    $(this).show();
    n();
});
_

これは、.delay()がアニメーションキュー内のアイテムのみを遅延させるためです。したがって、「0」の継続時間を追加することで.show()を短いアニメーションにするか、または .queue() を使用してキューに追加できます。

37
user113716

あなたはこのようにそれを行うことができます:

_setTimeout(function() {
  $("#microcharcounter").show();
}, 20000);
_

.delay() および .show() (期間なし)の問題は、.show()がアニメーション、それはfxキューにまったくない即時の効果です。ただし、次のように期間を指定できます。

_$("#microcharcounter").delay(20000).show("fast");
_
13
Nick Craver