fade out div dopo x secondi con jQuery

Question

faccio una dissolvenza in div che non viene visualizzato quando si carica la pagina:

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

farei questo istruzioni dopo x secondi, facendo un fadeOut del div:

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

Come posso farlo? In realtà FadeOut viene eseguito al clic del pulsante.

Lo script è qui: http://clouderize.it/cookie-localstorage/a.php Il div visualizzato quando faccio clic su un'altra immagine scomparirà dopo x secondi. Grazie mille.

Answer 1

Il metodo .delay è appositamente costruito per quello che si sta descrivendo:

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

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

Answer 2

Potreste usare setTimeout()

var xSeconds = 1000; // 1 second 

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

Answer 3

forse questo è troppo tardi per rispondere, ma ho trovato un modo che mi ha aiutato.

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

consultare questo link http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

Permette di impostare un tempo come quando si desidera che il div a scomparire e con quale velocità.