Usar setTimeout() en jQuery

En la publicación de hoy, aprenderemos sobre la función setTimeout() en jQuery.

Usa setTimeout() en jQuery

El método setTimeout() establece un temporizador para ejecutar una función o un fragmento de código objetivo una vez que el temporizador expira. La función setTimeout() de JavaScript pospone ciertas acciones o la ejecución de código en esa función o en otra función JS.

Esta función siempre se ejecuta con el tiempo de retardo especificado en milisegundos.

Sintaxis:

setTimeout(code, delay)
setTimeout(functionRef, delay, param1)

1. La functionRef es una función que se completará después de que expire el temporizador.
2. El código es una sintaxis alternativa que le permite insertar una cadena en lugar de una función que se compilará y ejecutará cuando expire el temporizador. Esta sintaxis no se recomienda por las mismas razones que hacen que el uso de eval() sea una amenaza para la seguridad.
3. El delay es un parámetro opcional que especifica el tiempo, en milisegundos, que el temporizador debe esperar antes de completar la función o código requerido. Si se omite este parámetro, se utiliza un valor de 0, lo que significa que el código se ejecutará inmediatamente.
4. El param1, ... , paramN es un parámetro opcional. Especifica argumentos adicionales pasados ​​a la función definida por functionRef.

La función setTimeout() devuelve timeoutID que es un valor entero positivo; este valor identifica el temporizador creado al llamar a la función setTimeout(). Para cancelar el tiempo de espera, puede pasar este parámetro a clearTimeout().

Se garantiza que un valor de timeoutID nunca será reutilizado por una llamada posterior a setTimeout o setInterval en un elemento dentro de una ventana o trabajador. Sin embargo, los artículos únicos en su tipo usan grupos separados de ID.

Esta función no solo se usa en JavaScript local, sino que también puede usar setTimeout() en jQuery. Para retrasar el movimiento, puede usar la función setTimeout() dentro del código jQuery.

Entendámoslo con el siguiente ejemplo:

$(document).ready(function() {
  setTimeout(() => {
    alert('Welcome to DelftStack!');
  }, 2000);
});

En el ejemplo anterior, estamos usando setTimeout() para mostrar una alerta en un intervalo de 2000 milisegundos.

Intente ejecutar el fragmento de código anterior en cualquier navegador que admita jQuery. Va a mostrar el resultado que se muestra a continuación.

Producción:

Vea la demostración aquí.