我想在几秒钟的延迟后淡出一个元素及其所有子元素。但我还没有找到一种方法来指定效果应该在指定的时间延迟后开始。
延迟 JQuery 效果
IT技术
javascript
jquery
effects
2021-02-17 08:47:01
6个回答
setTimeout(function() { $('#foo').fadeOut(); }, 5000);
5000 是以毫秒为单位的五秒。
我使用我刚写的这个暂停插件
$.fn.pause = function(duration) {
$(this).animate({ dummy: 1 }, duration);
return this;
};
像这样称呼它：
$("#mainImage").pause(5000).fadeOut();
注意：您不需要回调。
编辑：您现在应该使用jQuery 1.4。内置延迟（）方法。我没有检查过，但我认为它比我的插件更“聪明”。
以前你会做这样的事情
$('#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
最好的方法是使用 jQuery 延迟方法：
$('#my_id').delay(2000).fadeOut(2000);
您可以通过使用fadeTo() 方法并在其上设置5 秒延迟来避免使用setTimeout。
$("#hideAfterFiveSeconds").click(function(){
$(this).fadeTo(5000,1,function(){
$(this).fadeOut("slow");
});
});