SetInterval vs SetTimeOut en JavaScript

La programación es el término amplio para cualquier tarea planificada para un período de tiempo futuro. En JavaScript, hay funciones para ejecutar a intervalos o tiempos predeterminados llamados setTimeOut () y setInterval () que pueden usarse para planificar tareas durante un tiempo específico. Ambos métodos le permiten ejecutar una pieza de código o función de JavaScript en un momento específico en el futuro.

Este artículo explicará SetInterval y SetTimeOut en JavaScript y sus diferencias comunes.

¿Qué es SetInterval en JavaScript??

El "setInterval ()"En JavaScript ejecuta una expresión de JavaScript continuamente cada"X" intervalo. Repite una función específica en cada intervalo de tiempo en particular.

Sintaxis

Siga la sintaxis dada a continuación para el método setInterval ():

ventana.setInterval (función, tiempo);

Se aceptan dos parámetros por este método:

• función: El primer parámetro es la función que se ejecutará.
• tiempo: La duración entre cada ejecución, medida en milisegundos.

Ejemplo

Aquí, estableceremos el temporizador configurando el intervalo de tiempo en el evento de clics de un botón:

haga clic aquí

Crear un

elemento de etiqueta y asignar una identificación "tiempo"Donde se mostrará el tiempo:

En el archivo JavaScript, escriba las líneas de código a continuación:

function timer ()
const fecha = nueva fecha ();
documento.GetElementById ("Tiempo").innerhtml = fecha.tolocaletimestring ();

En el fragmento de código anterior:

• Primero, defina una función llamada "Temporizador()".
• Cree un nuevo objeto de fecha utilizando el constructor date ().
• Luego, acceda al elemento donde se mostrará el tiempo utilizando su ID con la ayuda del "getElementById ()"Método y establecer la propiedad InnerHTML para establecer el tiempo llamando a la fecha"tolocaletimestring ()" método.

En la salida, puede ver que la hora se muestra después de un intervalo de tiempo específico en el evento de clic:

¿Qué es SetTimeOut en JavaScript??

El "settimeutEl método se utiliza para llamar a la función después de un tiempo particular. Solo funciona una vez después de una cantidad específica de tiempo.

Sintaxis

Siga la sintaxis proporcionada para el método setInterval ():

ventana.setInterval (función, tiempo);

Se necesitan dos parámetros:

• función: La función que debe ser ejecutada
• tiempo: La duración de la duración entre cada ejecución, medida en milisegundos.

Ejemplo

Llame al método setTimeOut () en el evento de clic pasando la función y la hora en milisegundos:

haga clic aquí

Crear un elemento usando el

etiqueta:

Producción

setInterval vs setTimeOut

La tarea principal de "settimeut"Es llamar a la función después de una cantidad de tiempo específica. A diferencia de, "setinterval"Se usa con frecuencia para realizar una función después de una cantidad de tiempo predeterminada. La principal diferencia entre SetTimeOut y SetInterval es que SetTimeout solo se ejecuta una vez después de un tiempo específico. Sin embargo, la función setinterval se puede usar repetidamente.

Conclusión

"setTimeout ()" y "setInterval ()"¿Son los métodos predefinidos de JavaScript para programar las tareas. El "setInterval ()"Repita una función dada en cada intervalo de tiempo dado, mientras que el"settimeutEl método se utiliza para llamar a la función una vez después de una cantidad de tiempo especificada. Este artículo explicó el SetInterval y SetTimeOut en JavaScript y sus diferencias comunes.