make Div-Text nach 5 Sekunden mit jquery verschwinden?

Question

ich muss einen Div Text verschwinden nach x Sekunden der Anzeige mit einem Ajax Anruf

können Sie mir bitte dabei helfen? so etwas wie setTimeout ('$ ("# id"). fadeOut ("slow")', 5000), aber andere als festlegen müssen, dass es hängt davon ab, was der Rest des Codes

dank

Answer 1

Sie empty() verwenden, um eine <div> Inhalte zu entfernen:

setTimeout(fade_out, 5000); 

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

vorausgesetzt:

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

Sie können dies tun mit einer anonymen Funktion, wenn Sie bevorzugen:

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

oder sogar:

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

setTimeout(fade_out, 5000); 

Letzteres manchmal bevorzugt, weil sie die globalen Namensraum weniger verschmutzen.

Answer 2

Sie würden sieht aus wie kann

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

Dies sollte funktionieren:

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

Answer 5

Sie können die versuchen .delay()

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

Ruf der div die Verzögerungszeit in Millisekunden festgelegt und setzen Sie die Eigenschaft Sie, dass ich in diesem Fall verwendet, ändern möchten .fadeOut() kann animiert werden, aber Sie können auch .hide() verwenden.

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

Answer 6

Sie müssen möglicherweise erneut div Text angezeigt werden, nachdem es verschwunden ist. Dies kann in 1 Zeile erfolgen.

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