Jquery: Ocultar popup pasados varios segundos
25 ago 2010 2 comentarios
Si queremos que un elemento de nuestra página desaparezca una vez pasados X segundos… Este ejemplo es bastante útil por ejemplo, para hacer desaparecer un popup, banner de publicidad, foto, etc…
Para ello utilizamos la librería jQuery, y su función setTimeout() para controlar el tiempo, y hide() para ocultar el elemento.
Un ejemplo, vamos a hacer desaparecer a los 5 segundos de cargar la página un div que tiene la clase .popup:
$(document).ready(FUNCTION(){
setTimeout("$('.popup').hide();", 5000);
});
setTimeout("$('.popup').hide();", 5000);
});
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.
2 Comentarios
elmerxp, el 16/04/2011 a las 11:09:51
Holas
y si fuera que en un div, ul tengo contenidos de imagenes que al hacer clic en uno se agranda la imagen en el centro de la pantalla… Cómo podria hacer que cuando se entra el home se ejecute una de esas imagenes en grande? sin la necesidad de hacer clic en ella en la primera vez? cuál seria el codigo de ejecución 
gilmer vega vidarte, el 03/10/2011 a las 23:27:29
hola es un gusto