faire disparaître le texte div après 5 secondes en utilisant jquery?

Question

je dois faire disparaître un texte div après x secondes de l'afficher en utilisant un appel ajax

pouvez-vous m'aider s'il vous plaît?

grâce

Answer 1

Vous pouvez utiliser empty() pour supprimer un <div> contenu:

setTimeout(fade_out, 5000); 

function fade_out() { 
    $("#mydiv").fadeOut().empty(); 
} 

supposant:

<div id="mydiv"> 
    ... 
</div> 

Vous pouvez le faire avec une fonction anonyme si vous préférez:

setTimeout(function() { 
    $("#mydiv").fadeOut().empty(); 
}, 5000); 

ou même:

var fade_out = function() { 
    $("#mydiv").fadeOut().empty(); 
} 

setTimeout(fade_out, 5000); 

Ce dernier est parfois préféré car il pollue l'espace de noms global moins.

Answer 2

Vous devez définir quelque chose comme setTimeout ('$ ("# id"). FadeOut ("lent")', 5000), mais autre que cela dépend de ce que le reste de votre code ressemble

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

Cela devrait fonctionner:

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
     $('#mydiv').fadeOut(); 
    }); 
}); 

Answer 5

Vous pouvez essayer les .delay()

$(".formSentMsg").delay(3200).fadeOut(300); 

appel div défini le temps de retard en millisecondes et définissez la propriété que vous souhaitez modifier, dans ce cas, je .fadeOut() afin qu'il puisse être animé, mais vous pouvez aussi utiliser .hide().

http://api.jquery.com/delay/

Answer 6

Vous devrez peut-être afficher à nouveau div texte après qu'il a disparu. Cela peut être fait en 1 ligne.

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);