El bucle setInterval en JavaScript

Siempre hay un método listo para usar disponible en JavaScript para realizar la mayoría de las tareas; convertir un tipo de datos en otro, establecer un bucle de intervalo, actualizar objetos o matrices, reconocer eventos de entrada de teclado y mucho más.

De acuerdo con esto, existen algunos métodos útiles para ayudarnos a trabajar con temporizadores en JavaScript. Y este artículo lo guiará para usar un bucle de intervalo en JavaScript.

JavaScript proporciona dos funciones de temporizador para permitir que el código se ejecute sin bloqueo. Proporciona las funciones setTimeout() y setInterval(), que ejecutan la expresión especificada o la función especificada después de un cierto intervalo de tiempo.

Establecer intervalo con tiempo de bucle en JavaScript usando setInterval()

El método setInterval() es proporcionado por JavaScript. Este método se ofrece en las interfaces worker y window, llamando repetidamente a una función o ejecutando una sección de código. Este código se ejecuta con un intervalo de tiempo fijo entre cada llamada.

La única diferencia entre la función setInterval y setTimeout es que prior llama a la función repetidamente con un retraso entre cada llamada, mientras que later ejecuta una función después de un retraso. Si desea que su función sea llamada una vez después del retardo especificado, use setTimeout.

Sintaxis:

setInterval(function [, delay, arg1, arg2, ...]);

function es un parámetro obligatorio que especifica la función que se realizará una vez transcurrido el tiempo.

code es un parámetro obligatorio; si el usuario no envía la función, el usuario puede pasar una cadena que es una alternativa a la función. delay es un parámetro opcional.

Este parámetro acepta el valor numérico que sirve como temporizador en milisegundos antes de que se ejecute el código o la función especificados. Si no se pasa ningún valor, 0 es el valor predeterminado que provoca la ejecución.

arg1, ..., argN es un parámetro opcional. Los valores de la función se pueden pasar como un argumento adicional cuando se pasa la función.

Para obtener más información, lea la documentación del método setInterval().

let counter = 0;
const i = setInterval(function() {
  console.log(counter);
  counter++;
  if (counter === 5) {
    clearInterval(i);
  }
}, 200);

En el código anterior, ponemos el contador a 0 y lo actualizamos dentro de la función setInterval hasta que alcanza el valor deseado. Tan pronto como se alcance el valor deseado, puede eliminar el intervalo. Este método setInterval devuelve un valor positivo y un intervalID único que ayuda a identificar el temporizador. Este valor se puede utilizar para clearInterval(). Este método clearInterval() cancela la acción repetida (tiempo de espera) establecido previamente por setInterval.

Producción :

0
1
2
3
4