2012-11-16 13 views
20

robię rozjaśniania div, który nie jest wyświetlany, kiedy załadować stronę:zanikanie div po x sekundach z jQuery

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

Chciałbym to zrobić instrukcje po x sekundach robi Fadeout div:

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

Jak mogę to zrobić? Faktycznie fadeOut odbywa się po kliknięciu przycisku.

Skrypt jest tutaj: http://clouderize.it/cookie-localstorage/a.php Element div, który pojawia się po kliknięciu innego obrazu, zniknie po upływie x sekund. Wielkie dzięki.

Odpowiedz

50

Sposób .delay jest specjalnie przystosowany do tego, co opisujesz:

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

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

+0

Przepraszam, teraz pracuję! – michele

+1

Great nate! to my idealne ... dzięki paczce –

+0

Niesamowite i świetne rozwiązanie drugie działa dla mnie. –

1

Można użyć setTimeout()

var xSeconds = 1000; // 1 second 

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

Nie działają ..... – michele

+0

To jest pomocne. – Gabe

+0

@michele Czy mógłbyś opisać, co jest nie tak? Takie podejście można zobaczyć tutaj: http://jsfiddle.net/SUBnz/ –

Powiązane problemy