Este artículo mostrará algunas formas simples en las que se puede hacer que el método setInterval() ejecute la función sin demora. Hay muchos procedimientos para hacerlo, a continuación se describen todos los procedimientos con el ejemplo.
Nota: En este artículo, el método setInterval() comenzará inmediatamente para el 1
Los siguientes ejemplos ilustran el enfoque anterior:
Ejemplo 1: aquí, el método setInterval() se devuelve en la función gfg() . La función gfg() se activa a sí misma para llamadas posteriores usando setTimeout() en su lugar. Multiplique la salida cada vez en este método.
<!DOCTYPE html>
<html>
<head>
<title>
Start setInterval loop immediately
</title>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h4>
Start setInterval loop immediately
</h4>
<script>
function gfg() {
document.write("Hello! geeks"
+ " for geeks<br>");
return setInterval(gfg, 3000);
}
// Function call
gfg();
</script>
</body>
</html>
Producción:
Ejemplo 2: Esto se puede implementar utilizando expresiones de funciones invocadas inmediatamente (IIFE) . Define la función gfg() y llama de una sola vez. Multiplique la salida cada vez en este método.
<!DOCTYPE html>
<html>
<head>
<title>
Start setInterval loop immediately
</title>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h4>
Start setInterval loop immediately
</h4>
<script>
// Using IIFE
(function gfg() {
document.write("Hello! geeks"
+ " for geeks<br>");
return setInterval(gfg, 3000);
})();
</script>
</body>
</html>
Producción:
Ejemplo 3: la forma más sencilla es llamar primero a gfg() y luego iniciar el ciclo de ejecución de setInterval.
<!DOCTYPE html>
<html>
<head>
<title>
Start setInterval loop immediately
</title>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h4>
Start setInterval loop immediately
</h4>
<script>
function gfg() {
document.write("Hello! geeks"
+ " for geeks<br>")
}
gfg();
setInterval(gfg, 3000);
</script>
</body>
</html>
Producción:
En todo el código anterior, la primera vez «¡Hola! geeks for geeks” se mostrará inmediatamente seguida de la segunda y tercera y así sucesivamente con un intervalo de tiempo de 3 segundos. La primera vez que se llamará a gfg() inmediatamente después de ejecutar el código.
Nota: Todos los ejemplos anteriores se pueden probar escribiéndolos dentro de la etiqueta de secuencia de comandos de HTML o directamente en la consola del navegador.
Publicación traducida automáticamente
Artículo escrito por Srishtibajpai y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA