Cómo esperar x segundos en JavaScript

Cómo esperar x segundos en JavaScript

Los lenguajes de programación modernos admiten el método Sleep () para esperar la ejecución de un programa. JavaScript no puede usar este método debido a su naturaleza asíncrona. Sin embargo, JavaScript logra esta tarea utilizando el setTimeout () método. El método tiene la instalación para esperar x segundos Durante la ejecución del código para servir el propósito específico del programador.

El artículo demuestra la forma de esperar los segundos X durante la ejecución del código con los siguientes resultados de aprendizaje:

    • Cómo esperar el método de x segundos x usando setTimeOut ()
    • Ejemplo 1: espere 5 segundos en JavaScript
    • Ejemplo 2: espere 3 segundos en JavaScript

Cómo esperar el método de x segundos x usando setTimeOut ()?

El método setTimeOut () ejecuta la pieza de código cuando expira el tiempo. El método toma tiempo de entrada en milisegundos y retrasa la ejecución definida por el usuario. El método setTimeOut () toma dos parámetros como argumentos. El primer argumento se refiere a la función de devolución de llamada, que se ejecuta cuando expira el tiempo. Mientras que los otros argumentos representan el número de milisegundos que retrasan la ejecución.

Nota: 1000 milisegundos se refieren a 1 segundo.

Sintaxis

ventana.setTimeout (Funct, Millisec);


El "función " representa la función de devolución de llamada y "Millisec" representa el número de milisegundos.

Ejemplo 1: espere 5 segundos en JavaScript

Se considera un ejemplo para esperar 5 segundos utilizando el método SetTimeOut () en JavaScript. El código se proporciona a continuación:

Código

consola.Log ("Un ejemplo para esperar 5 segundos en JavaScript");
consola.log ("javaScript");
setTimeOut (() => consola.log ("mundo"); , 5000);


En este código, el método incorporado setTimeout () se emplea para esperar 5000 milisegundos (5 segundos). Después de eso, muestre el mensaje "Mundo" En la ventana de la consola.


Producción


Se observa en la ventana de salida que "JavaScript" se imprime primero. Después de esperar 5 segundos, el segundo mensaje "Mundo" se presenta en la consola.

Ejemplo 2: espere 3 segundos en JavaScript

Como JavaScript es de naturaleza asíncrona, puede ejecutar funciones paralelas. Para este propósito, se considera que un ejemplo espera 3 segundos de manera asincrónica. Para este propósito, el código se da aquí.

Código

consola.Log ("Un ejemplo para esperar 3 segundos en JavaScript");
esperar();
function async wait ()
consola.Log ("Bienvenido a JavaScript");
esperar el sueño (3000);
consola.Log ("Bienvenido a Linuxhint");

function sleep (ms)
devolver nueva promesa (val => setTimeout (val, ms));


La descripción del código se proporciona a continuación:

    • El "esperar" El método se emplea de forma asincrónica.
    • En este método, "3000" milisegundos se pasan a la dormir() Método para retrasar 3 segundos.
    • En el dormir() método, el "Promesa" El objeto se emplea para ejecutar la operación de manera asincrónica.
    • Al final, el setTimeout () El método se emplea pasando los milisegundos "EM".


Producción


La salida muestra el código ejecutable y se muestra "Bienvenido a JavaScript." Después de esperar 3 segundos, el mensaje "Bienvenido a Linuxhint" se muestra en la ventana de la consola.

Conclusión

JavaScript proporciona un método incorporado setTimeout () Para esperar x segundos según las necesidades del usuario. El término "x" aquí se refiere al número de segundos. El setTimeOut () no rompe el control de flujo del programa, pero retrasa su ejecución. El usuario proporciona el tiempo en milisegundos. Esta publicación ha demostrado el uso del método Sertimeout () para esperar segundos específicos en JavaScript.