¿Cómo ejecutar una función despues de transcurrir x número de segundos con setTimeout de JavaScript?

Estrada Web Group
Estrada Web Group
¿Cómo ejecutar una función despues de transcurrir x número de segundos con setTimeout de JavaScript?

El método setTimeout() permite ejecutar una función en JavaScript después de pasar cierto tiempo establecido previamente, es decir manda llamar una función después de esperar un número específico de milisegundos.

¿Para qué sirve setTimeout en JavaScript?

La función setTimeout nativa de JavaScript llama a una función o ejecuta un fragmento de código después de un retraso especificado (en milisegundos). Esto podría ser útil si, por ejemplo, deseas mostrar una ventana emergente después de que un usuario haya estado navegando por tu página durante un cierto período, o si deseas un breve retraso antes de eliminar un efecto de desplazamiento de un elemento (en caso de que el usuario accidentalmente lo elimine).

Sintaxis

window.setTimeout(function, milliseconds);

Parámetro: este método acepta dos parámetros:

  • function: es la función a ejecutar
  • milliseconds: indica el número de milisegundos antes de que ejecute la función.

Temas relacionados:

¿Cómo mostrar la hora actual en mi página web con JavaScript?

Variables y tipos de datos en JavaScript

Entendiendo el ámbito de las variables en JavaScript

Por ejemplo, queremos que aparezca un cuadro de alerta, 2 segundos después de que el usuario presione el botón de clic.

<!DOCTYPE html>
<html>
<head>
    <title>
       Estrada Web Group | DOM Window setTimeout() method
    </title>
</head>
<body>

    <button onclick="setTimeout(gfg, 2000);">
      Presiona aquí
    </button>  

    <script>
        function gfg() {
            alert('Bienvenido a Estrada Web Group');
        }
    </script>

</body>

</html>

Salida:

Cuando el usuario presione el botón " Presiona aquí", luego de una pausa de 2 segundos, aparecerá el mensaje alerta despues de pasar 2 segundos como se muestra en la siguiente imagen:

setTimeout

 

Compartir artículo:

Más artículos geniales

Qué es un arreglo en JavaScript y sus operaciones básicas

Qué es un arreglo en JavaScript y sus operaciones básicas

Resumen: en este tutorial, aprenderás sobre los arreglos en JavaScript y sus operaciones básicas.

Ver artículo completo
Los mejores editores de código JavaScript

Los mejores editores de código JavaScript

Resumen: en este tutorial, aprenderás sobre los editores de código de JavaScript y cómo instalar Visual Studio Code para codificar JavaScript.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla