延迟JQuery效果

Question

我希望在延迟几秒后淡出一个元素及其所有子元素.但我还没有找到一种方法来指定效果应该在指定的时间延迟后开始.

Answer 1

setTimeout(function() { $('#foo').fadeOut(); }, 5000);

5000是五秒,以毫秒为单位.

Answer 2

我使用这个暂停插件我刚才写的

$.fn.pause = function(duration) {
    $(this).animate({ dummy: 1 }, duration);
    return this;
};

像这样称呼它:

$("#mainImage").pause(5000).fadeOut();

注意:您不需要回调.

编辑:您现在应该使用jQuery 1.4.内置delay()方法.我没有检查,但我认为它比我的插件更"聪明".

Answer 3

以前你会做这样的事情

$('#foo').animate({opacity: 1},1000).fadeOut('slow');

第一个动画没有做任何事情,因为你已经在元素上有不透明度1,但它会暂停一段时间.

在jQuery 1.4中,他们已经将它构建到框架中,因此您不必像上面那样使用hack.

$('#foo').delay(1000).fadeOut('slow');

功能与原始jQuery.delay()插件相同http://www.evanbot.com/article/jquery-delay-plugin/4

Answer 4

最好的方法是使用jQuery延迟方法:

$( '#添加my_id')延迟(2000).fadeOut(2000年).