Necesito ocultar un div (como "correo enviado correctamente" en Gmail) después de un cierto período de tiempo cuando recargo la página.¿Cómo ocultar un div después de un período de tiempo?
¿Cómo puedo hacer eso?
Aquí hay un ejemplo de trabajo completo basado en sus pruebas. Compáralo con lo que tienes actualmente para descubrir dónde estás yendo mal.
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#deletesuccess').delay(1000).fadeOut();
});
</script>
</head>
<body>
<div id=deletesuccess > hiiiiiiiiiii </div>
</body>
</html>
En las versiones anteriores de jQuery que tendrá que hacerlo de la "javascript camino" usando settimeout
setTimeout(function(){$('div').hide();} , 4000);
o
setTimeout("$('div').hide();", 4000);
Recientemente, con jquery 1.4 esta solución se ha añadido:
$("div").delay(4000).hide();
Por supuesto, reemplace "div" por el elemento correcto con val id jquery selector y llame a la función cuando the document is ready.
No creo que el primer ejemplo funcionará ... – Pointy
@pointy, debe fijarse – marcgg
La razón de ser, la función 'setTimeout' espera ya que es primer parámetro sea una función, o una cadena. No está proporcionando ninguno, está EJECUTANDO la función, y el retorno de esa función es lo que está enviando a la función 'setTimeout'. Esto funcionará si pasa la función en sí, así: 'setTimeout ($ (" #div ") .hide, 4000);'. –
setTimeout('$("#someDivId").hide()',1500);
gracias rosscj2533 .......... – rag
funciona exactamente ... gracias señor –