使用jquery在x秒后淡出div

Question

我在加载页面时不会显示淡入淡出的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);