El establecerintervalo() El método en JavaScript se utiliza para repetir una función específica en cada intervalo de tiempo determinado. Evalúa una expresión o llama a una función en intervalos determinados. Este método continúa llamando a la función hasta que se cierra la ventana o el borrarintervalo() Se llama al método. Este método devuelve un valor numérico o un número distinto de cero que identifica el temporizador creado.
A diferencia del establecerTiempo de espera() método, el establecerintervalo() El método invoca la función varias veces. Este método se puede escribir con o sin el ventana prefijo.
La sintaxis comúnmente utilizada de establecerintervalo() El método se detalla a continuación:
Sintaxis
window.setInterval(function, milliseconds);
Valores paramétricos
Este método toma dos valores de parámetros. función y milisegundos que se definen a continuación.
función: Es la función que contiene el bloque de código que se ejecutará.
milisegundos: Este parámetro representa la duración del intervalo de tiempo entre cada ejecución. El intervalo está en milisegundos. Define con qué frecuencia se ejecutará el código. Si su valor es menor que 10, se utiliza el valor 10.
¿Cómo detener la ejecución?
Podemos usar el borrarintervalo() método para detener la ejecución de la función especificada en establecerintervalo() método. El valor devuelto por el establecerintervalo() El método se puede utilizar como argumento de borrarintervalo() método para cancelar el tiempo de espera.
Entendamos el uso de establecerintervalo() método utilizando algunas ilustraciones.
Ejemplo 1
Este es un ejemplo sencillo del uso de establecerintervalo() método. Aquí, aparece un cuadro de diálogo de alerta en un intervalo de 3 segundos. No estamos utilizando ningún método para detener la ejecución de la función especificada en establecerintervalo() método. Entonces el método continúa la ejecución de la función hasta que se cierra la ventana.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Pruébalo ahora Producción
El color del fondo empezará a cambiar después de 200 milisegundos. Al hacer clic en el especificado detener , el cambio entre los colores se detendrá en el color de fondo correspondiente. El resultado después de hacer clic en el botón será:
