使用jquery在x秒后淡出div

我在加载页面时不会显示淡入淡出的div：

$('#overlay').fadeIn('fast'); $('#box').fadeIn('slow'); 

我会在x秒后执行此指令，执行div的fadeOut：

 $('#overlay').fadeOut('fast'); $('#box').hide(); 

我该怎么做？ 实际上fadeOut是在点击按钮时完成的。

脚本在这里： http ：//clouderize.it/cookie-localstorage/a.php单击另一个图像时出现的div将在x秒后消失。 非常感谢。

Answer 1

.delay方法专为您所描述的内容而构建：

 $('#overlay').fadeIn('fast').delay(1000).fadeOut('fast'); $('#box').fadeIn('slow').delay(1000).hide(0); 

http://jsfiddle.net/SUBnz/1/

Answer 2

你可以使用setTimeout()

 var xSeconds = 1000; // 1 second setTimeout(function() { $('#overlay').fadeOut('fast'); $('#box').hide(); }, xSeconds); 

Answer 3

也许这已经来不及回复了，但我找到了一种帮助我的方法。

$（ “＃覆盖”）fadeTo（10000,1）.fadeOut（5000）。

请参阅此链接http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

它允许你设置一个时间，就像你希望div消失和以什么速度。