El método setInterval() en JavaScript se puede usar para realizar una evaluación periódica de la expresión o llamar a una función de JavaScript.
Sintaxis:
setInterval(function, milliseconds, param1, param2, ...)
Parámetros: Esta función acepta los siguientes parámetros:
- función: este parámetro contiene el nombre de la función que se llamará periódicamente.
- milisegundos: este parámetro contiene el período, en milisegundos, setInterval() llama/ejecuta la función anterior.
- param1, param2, …: algunos parámetros adicionales que se pasarán como parámetros de entrada a la función .
Valor devuelto: este método devuelve el ID que representa el temporizador establecido por el método. Este ID se puede usar para borrar/desarmar el temporizador llamando al método clearInterval() y pasándole este ID como parámetro.
Ejemplo: supongamos que queremos crear un temporizador de recordatorio que suene cada 5 segundos y avise a través de un cuadro de alerta de JavaScript.
javascript
<!DOCTYPE html>
<html>
<head>
<title>
How to call a function
repeatedly every 5
seconds in JavaScript ?
</title>
</head>
<body>
<p>
Click the button to start
timer, you will be alerted
every 5 seconds until you
close the window or press
the button to stop timer
</p>
<button onclick="startTimer()">
Start Timer
</button>
<button onclick="stopTimer()">
Stop Timer
</button>
<script>
var timer;
function startTimer() {
timer = setInterval(function() {
alert("5 seconds are up");
}, 5000);
}
function stopTimer() {
alert("Timer stopped");
clearInterval(timer);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
En el ejemplo anterior, el método setInterval() evalúa repetidamente una expresión/llama a una función. La forma de borrar/desactivar el temporizador establecido por el método setInterval() es usar el método clearInterval() y pasarle el ID/valor devuelto al llamar a setInterval() .