Java Script

Funciones setInterval y setTimeout en Java Script

Las funciones setInterval y setTimeout en Java Script son unas de las más utilizadas para construir sitios webs dinámicos. Es por ese motivo que en este tutorial aprenderemos a utilizarlas con varios ejemplos sencillos.

¿Cómo utilizar las funciones setInterval y setTimeout en Java Script?

Para entender como utilizarlas en Java Script primero vamos a explicar que es lo que hace cada una:

* setInterval: Ejecuta una función cada cierto tiempo de manera infinita al menos que se la cancele con la función clearInterval.

* setTimeout: Ejecuta una función después de cierto tiempo.

Una vez que ya sabemos como funcionan podemos empezar a programar. Para esto vamos a comenzar utilizando la función setInterval en un ejemplo donde cada un segundo incrementaremos el valor de un contador en 1 para mostrarlo en nuestra página:

<!DOCTYPE html>
<html>
  <head>
    <title>Funciones setInterval y setTimeout en Java Script</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  </head>
  <body>
  </body>
  <script>
    var milisegundos = 1000; // 1000 milisegundos es 1 segundo
    
    var contador = 0;
    
    var incrementar = function(){
      contador++;
      document.write(contador);
    }
    // Recibe nuestra función incrementar junto a los milisegundos
    setInterval(incrementar, milisegundos);
  </script>
</html>

Ahora si hacemos lo mismo pero utilizando la función setTimeout solamente se ejecutará una vez después de un segundo:

setTimeout(incrementar, milisegundos);

Si se quedaron con ganas de ver un poco más los invito a pasar por el tutorial en el que se explica cómo crear un reloj en java Script con la función setInterval.

Bueno gente, esto es todo por hoy, espero que les sea de gran utilidad y ante cualquier problema no duden en dejar un comentario.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *