jquery - 用jquery在x秒后淡出div

Question

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

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

我会在 x 秒后执行此指令，对 div 进行淡出：

$('#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

也许现在回复为时已晚，但我找到了一种对我有帮助的方法。

$("#overlay").fadeTo(10000,1).fadeOut(5000);

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

它允许您设置一个时间，例如您希望 div 何时消失以及以何种速度消失。