如何延迟jquery动画?

时间:2010-08-27 12:10:20

标签: jquery animation delay

我似乎无法推迟显示div。我想延迟动画约20秒这是可能的???

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

2 个答案:

答案 0 :(得分:37)

试试这个:

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

或者这个:

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

原因是.delay()只会延迟动画队列中的项目。因此,您可以通过添加持续时间“0”来使.show()成为短动画,或者使用.queue()将其添加到队列中。

答案 1 :(得分:13)

你可以这样做:

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

.delay().show()(没有持续时间)的问题是.show()不是动画,它是立即生效的,不在fx队列上一点都不但是你可以给它一个持续时间,如:

$("#microcharcounter").delay(20000).show("fast");