Usar setTimeout() en jQuery
![Usar setTimeout() en jQuery](/img/jQuery/feature-image---jquery-settimeout.webp)
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)
- La
functionRef
es una función que se completará después de que expire el temporizador. - 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 deeval()
sea una amenaza para la seguridad. - 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. - El
param1, ... , paramN
es un parámetro opcional. Especifica argumentos adicionales pasados a la función definida porfunctionRef
.
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í.
Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.
LinkedIn