Temporizador en JavaScript

1. Cree un temporizador con setTimeout() en JavaScript
2. Cree un temporizador con setInterval() en JavaScript

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

En la publicación de hoy, aprenderemos más sobre el temporizador de JavaScript.

Cree un temporizador con setTimeout() en JavaScript

Esta es una función asíncrona proporcionada por JavaScript que ejecuta una función o sección de código específica después de que expira el temporizador. Varias razones hacen que los tiempos de espera se retrasen, como los tiempos de espera anidados, los tiempos de espera en las pestañas inactivas, la limitación de los scripts de seguimiento y el aplazamiento de los tiempos de espera durante la carga de la página.

Sintaxis de setTimeout() en JavaScript

setTimeout(function [, delay, arg1, arg2, ...]);
setTimeout(code[, delay]);

Parámetro

• function: Es un parámetro obligatorio. Especifica la función que debe ejecutarse una vez transcurrido el tiempo.
• code: Es un parámetro obligatorio. Si el usuario no pasa la función, el usuario puede pasar una cadena de caracteres, una alternativa a la función.
• delay: este es un parámetro opcional. Este parámetro acepta el valor numérico como un temporizador en milisegundos antes de ejecutar el código o función especificados. Si no se pasa ningún valor, el valor predeterminado es 0, lo que hace que la ejecución se produzca de inmediato.
• arg1, ..., argN: este es un parámetro opcional. Si se pasa la función, los valores de la función se pueden pasar como un argumento adicional.

Valor devuelto

Este método setTimeout() devuelve un timeoutID positivo que ayuda a identificar el temporizador. Este valor se puede utilizar para clearTimeout().

Código de ejemplo:

<button onclick="setTimeoutFunction()">Try set Timeout</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setTimeoutFunction() {
  setTimeout(addFn, 5000, 5, 10);
}

Producción :

15

Cree un temporizador con setInterval() en JavaScript

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

La única diferencia entre las funciones setInterval() y setTimeout() es que setInterval() llama a la función repetidamente con un retraso entre cada llamada mientras que setTimeout() ejecuta una función después de un retraso.

Sintaxis de setTimeout() en JavaScript

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

Parámetro

• function: Es un parámetro obligatorio. Especifica la función que debe ejecutarse una vez transcurrido el tiempo.
• code: Es un parámetro obligatorio. Si el usuario no pasa la función, el usuario puede pasar una cadena alternativa a la función.
• delay: este es un parámetro opcional. Este parámetro acepta el valor numérico que sirve como temporizador en milisegundos antes de ejecutar el código o función especificados. Si no se pasa ningún valor, 0 es el valor predeterminado, lo que hace que la ejecución se produzca de inmediato.
• arg1, ..., argN: este es un parámetro opcional. Si se pasa la función, los valores de la función se pueden pasar como un argumento adicional.

Valor devuelto

Este método setInterval() devuelve un intervalID positivo que ayuda a identificar el temporizador. Este valor se puede utilizar para clearInterval().

Código de ejemplo:

<button onclick="setIntervalFunction()">Try set Interval</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setIntervalFunction() {
  setInterval(addFn, 5000, 5, 10);
}

Producción :

15