fa sparire il testo div dopo 5 secondi usando jquery?

Question

Ho bisogno di fare un testo div sparire dopo x secondi di visualizzarlo usando una chiamata Ajax

potete aiutarmi su questo per favore?

grazie

Answer 1

È possibile utilizzare empty() per rimuovere un <div> contenuti:

setTimeout(fade_out, 5000); 

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

assumendo:

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

Si può fare questo con una funzione anonima, se si preferisce:

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

o anche:

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

setTimeout(fade_out, 5000); 

Quest'ultimo è a volte preferito perché inquina lo spazio dei nomi globale meno.

Answer 2

Lei avrebbe bisogno di impostare qualcosa di simile a setTimeout ('$ ('# id'). FadeOut ('lento')', 5000) ma a parte questo dipende da ciò che il resto del codice assomiglia

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

Questo dovrebbe funzionare:

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

Answer 5

si può provare il .delay()

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

chiamata div impostare il tempo di ritardo in millisecondi e impostare la proprietà che si desidera modificare, in questo caso ho usato .fadeOut() in modo che possa essere animato, ma puoi anche usare .hide().

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

Answer 6

Potrebbe essere necessario visualizzare nuovamente div testo dopo che è scomparso. Questo può essere fatto in 1 linea.

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