¿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

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
Concatenar strings en JavaScript con concat

Concatenar strings en JavaScript con concat

Resumen: en este tutorial, aprenderás a usar el método concat() de JavaScript para concatenar strings (cadenas de texto).

Ver artículo completo
Cómo usar la declaración if de JavaScript

Cómo usar la declaración if de JavaScript

Resumen: en este tutorial, aprenderás a usar la declaración if de JavaScript para ejecutar un bloque cuando una condición es verdadera.

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