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

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

setTimeout 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.

Sintaxis

window.setTimeout(function, milliseconds);

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

  • función: es la función a ejecutar
  • milisegundos: 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

Cómo validar numéricos en un TextBox con JavaScript o JQuery

Cómo validar numéricos en un TextBox con JavaScript o JQuery

En este artículo te mostrare cómo validar que el usuario solo capture valores numéricos en un cuadro de texto usando JQuery y JavaScript.

Ver artículo completo
¿Cómo crear un scroll infinito con JavaScript y C#?

¿Cómo crear un scroll infinito con JavaScript y C#?

El scroll infinito es cuando un usuario visualiza una página y llega al final de esta (hasta debajo de la página), ésta realiza automáticamente una petición AJAX al servidor

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 ;