SetTimeout y SetInterval son las únicas funciones nativas en javaScript que se utilizan para ejecutar código de forma asincrónica, lo que significa que permite que la función se ejecute de inmediato, no es necesario esperar a que finalice la ejecución actual, seguirá ejecutándose.
Método setTimeout() El método setTimeout() ejecuta una función, después de esperar un número específico de milisegundos.
Sintaxis:
window.setTimeout(function, milliseconds);
Parámetro: Hay dos parámetros que acepta este método
- función: el primer parámetro es una función a ejecutar
- milisegundos: indica el número de milisegundos antes de que tenga lugar la ejecución.
Por ejemplo, queremos que aparezca un cuadro de alerta, 2 segundos después de que el usuario presione el botón hacer clic en mí.
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Window setTimeout() method
</title>
</head>
<body>
<button onclick="setTimeout(gfg, 2000);">
Press me
</button>
<script>
function gfg() {
alert('Welcome to GeeksforGeeks');
}
</script>
</body>
</html>
Salida: Tan pronto como el usuario presione el botón «presionarme», luego de una pausa de 2 segundos aparecerá este cuadro de alerta de mensaje.
Método setInterval() El método setInterval() repite una función dada en cada intervalo de tiempo dado.
Sintaxis:
window.setInterval(function, milliseconds);
Parámetro: Hay dos parámetros que acepta este método
- función: el primer parámetro es la función a ejecutar
- milisegundos: indica la duración del intervalo de tiempo entre cada ejecución.
Ejemplo :
javascript
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Window setTimeout() method
</title>
</head>
<body>
<p>I will say hi many times</p>
<p id="GFG"></p>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
document.getElementById("GFG").innerHTML +=
"<p>Hi</p>";
}
</script>
</body>
</html>
Salida: Después de cada segundo se mostrará un nuevo mensaje «hola».
Después:
Navegador compatible: el navegador compatible con el método setTimeout() y setInterval() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari