web-dev-qa-db-fra.com

fade out div après x secondes avec jquery

Je fais un fondu en div qui ne s'affiche pas lorsque je charge la page:

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

Je ferais ces instructions après x secondes, en faisant un fadeOut de la div:

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

Comment puis-je le faire? En fait, fadeOut se fait en cliquant sur le bouton.

Le script est ici: http://clouderize.it/cookie-localstorage/a.php Le div qui apparaît lorsque je clique sur une autre image disparaîtra après x secondes. Merci beaucoup.

jquerytimerdelay
21
michele

Le .delay la méthode est spécialement conçue pour ce que vous décrivez:

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

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

56
Asad Saeeduddin

C'est peut-être trop tard pour répondre mais j'ai trouvé un moyen qui m'a aidé.

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

Référez-vous à ce lien http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

Il vous permet de régler une heure comme quand vous voulez que le div disparaisse et avec quelle vitesse.

1
Dharti Gohil

Vous pouvez utiliser setTimeout()

var xSeconds = 1000; // 1 second

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