Выцветать div после x секунд с помощью jquery

Я делаю затухание в div, которое не отображается при загрузке страницы:

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

Я бы выполнил эту инструкцию через x секунд, выполнив fadeOut div:

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

Как я могу это сделать? Фактически fadeOut выполняется при нажатии кнопки.

script находится здесь: http://clouderize.it/cookie-localstorage/a.php Div, который появляется, когда я нажимаю на другое изображение, исчезнет через x секунд. Большое спасибо.

Ответы

Ответ 1

Метод .delay предназначен для того, что вы описываете:

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

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

Ответ 2

Вы можете использовать setTimeout()

var xSeconds = 1000; // 1 second

setTimeout(function() {
   $('#overlay').fadeOut('fast');
   $('#box').hide();
}, xSeconds);

Ответ 3

Возможно, слишком поздно ответить, но я нашел способ, который помог мне.

$( "# оверлей" ) fadeTo (10000,1).fadeOut(5000);.

Ссылка на эту ссылку http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

Это позволяет вам установить время, например, когда вы хотите, чтобы div исчез и с какой скоростью.