Realizar función después de X tiempo con jQuery

Con jQuery tenemos dos funciones para realizar una acción cuando ha pasado X tiempo:

  • setTimeout
  • setInterval

Diferencia entre setTimeout y setInterval

La única diferencia entre ambas funciones radica en el número de veces que se usa, es decir, setTimeout es para un solo uso mientras que setInterval es indefinido hasta que se diga lo contrario.

Por ejemplo, el siguiente código es para hacer desaparecer todos los elementos con clase .content pasados 3 segundos.

<script type="text/javascript">
$(document).ready(function() {
    setTimeout(function() {
        $(".content").fadeOut(1500);
    },3000);
});
</script>

Una vez ejecutada la función se parará y no se volverá a ejecutar a menos que se recargue la página. Para hacerla indefinida(que se ejecute cada 3 segundos indefinidamente) se sustituiría setTimeout por setInterval.

 

No votes yet.
Please wait...

Deja un comentario

marchurtos
A %d blogueros les gusta esto: