martes, 6 de agosto de 2013

Ejecutar función javascript en un tiempo determinado

Hace tiempo que no hablamos de javascript... parece que le tenemos fobia jaja, bueno hoy vamos a ver una función que a más de uno le habrá dado quebraderos de cabeza.

Hablamos de la función setTimeout, Hoy haremos un pequeño ejemplo de como se debe usar para que las utiliceis para vuestras necesidades, por ejemplo para cerrar un popup una vez pasado 5 segundos. vemos el codigo.


En este caso estoy ocultando una ventana modal de jquery cargada anteriormente, ya nos meteremos con jquery paciencia!!, en la primera funcion vemos que cerramos la ventana sin ningún tiempo.. por lo tanto al ejecutar la función se cerrará.

function cerrar_ventana(){
               var $jQuery=window.parent.$;   
               $jQuery('body').find('.clsVentanaCerrar').trigger('click');
           }



Aquí estamos metiendo la función anterior dentro de esta para hacerlo más fácil el llamarla desde el html pasandole como parámetro el tiempo que queramos.


function cerrar_ventana_tiempo(tiempo){
              
               setTimeout("cerrar_ventana()",tiempo);
              
           }


Ahora llamamos en el html la función con el tiempo que queremos(recordamos el tiempo será en milisegundos):

<script>cerrar_ventana_tiempo(5000)</script>

Espero que os haya servido como me sirvió a mí, un saludo y hasta la próxima

No hay comentarios:

Publicar un comentario