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


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

 

Artículos relacionados
Serialización y deserialización JSON con C#
Serialización y deserialización JSON con C#

En la actualidad los datos JSON se utilizan so

Cómo validar un formulario con Javascript y jQuery
Cómo validar un formulario con Javascript y jQuery

Cuando tenemos un formulario que debe ser llen

Mapa interactivo de México con jQuery, CSS, javascript y ASP.NET
Mapa interactivo de México con jQuery, CSS, javascript y ASP.NET

Actualmente estoy desarrollando una aplicación

0 Comentarios
Enviame un comentario