hacer que el texto div desaparezca después de 5 segundos usando jquery?

Question

necesito hacer desaparecer un texto div después de x segundos de mostrarlo usando una llamada ajax

me pueden ayudar en esto por favor?

gracias

Answer 1

puede utilizar empty() para eliminar un <div> contenidos:

setTimeout(fade_out, 5000); 

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

asumiendo:

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

Usted puede hacer esto con una función anónima si lo prefiere:

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

o incluso:

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

setTimeout(fade_out, 5000); 

Este último se prefiere a veces porque contamina el espacio de nombres global menos.

Answer 2

Usted tendría que establecer algo así como setTimeout ('$ ('# id'). FadeOut ('lento')', 5000), pero aparte de eso, depende de lo que el resto de su código Aspecto del producto

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

Esto debería funcionar:

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

Answer 5

Usted puede intentar la llamada .delay()

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

el div ajustar el tiempo de retardo en milisegundos y establezca la propiedad que desea cambiar, en este caso he usado .fadeOut() para que pueda ser animado, pero también puedes usar .hide().

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

Answer 6

Es posible que deba mostrar div texto de nuevo después de que haya desaparecido. Esto se puede hacer en 1 línea.

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