jQuery espera/retraso 1 segundo sin ejecutar código

jQuery espera/retraso 1 segundo sin ejecutar código
A veces, en varios escenarios, los desarrolladores pueden necesitar esperar o retrasar la ejecución del código por un período de tiempo particular. Por ejemplo, esconde o muestre algo después de un cierto retraso de animación o espere a que se complete una animación antes de comenzar otra, y así sucesivamente. Ayuda a mejorar la experiencia del usuario. Asegúrese de que la duración del retraso sea corta porque demasiado retraso tiene un mal efecto en la experiencia del usuario.

Esta publicación ilustrará la forma de esperar o retrasar 1 segundo en jQuery.

Cómo esperar/retrasar 1 segundo sin ejecutar código usando jQuery?

En jQuery, use los siguientes métodos para retrasar la ejecución 1 segundo sin ejecutar código:

  • Método de retraso ()
  • método setTimeOut ()

Método 1: espera/retraso 1 segundo sin ejecutar código usando el método "retraso ()"

Utilizar el "demora()Método para esperar 1 segundo para ejecutar el siguiente código. Es un método incorporado de la biblioteca jQuery que permite crear un retraso o detenerse en la ejecución del código. A menudo se usa para detener la ejecución de la animación, pero también se puede utilizar para introducir un retraso entre diferentes acciones.

Sintaxis
Siga la sintaxis dada para el método de retraso ():

$ (selector).tiempo de retardo).método();

El tiempo se pasará en "milisegundos", Como" 1000 milisegundos igual a 1 segundo ".

Ejemplo
Para usar la jQuery "demora()"Método, es importante agregar la biblioteca jQuery en su etiqueta HTML:

En el documento HTML, crearemos dos

Etiquetas y un botón:

Bienvenido a Linuxhint


Tutorial de JavaScript


Adjunte una función en el clic del botón utilizando el "hacer clic() "Función en jQuery. Cuando se hace clic en el botón, ambas líneas de texto se deslizarán hacia arriba usando el "deslizar hacia arriba()Método ", y la segunda línea volverá primero usando el"fundirse()"Método, mientras que la primera línea se mostrará después de un retraso de 1 segundo usando el" Retraso (1000) ":

$ ("botón").hacer clic (function ()
$ ("P.FirstMsg ").SlideUp (500).retraso (1000).Fadein (800);
$ ("P.Secondmsg ").SlideUp (500).Fadein (1000);
);

Producción

Método 2: espera/retraso 1 segundo sin ejecutar código usando el método "setTimeout ()"

También puedes usar el "setTimeout ()Método que es el método integrado de JavaScript. Se usa para agregar un retraso o detener en la ejecución del código. No es específico de jQuery, pero se puede utilizar en cualquier aplicación de JavaScript.

Sintaxis
La siguiente sintaxis se utiliza para el método setTimeOut ():

setTimeOut (function (), tiempo);

Ejemplo
En el ejemplo dado, mostraremos un mensaje alerta () después de 1 segundo del clic del botón. Primero, crearemos un botón y texto en un documento HTML. Adjuntar un "al hacer clic"Evento en el botón que llamará a la función llamada"DelayFunc ()":

Tutorial de JavaScript


Crear una función "myFunction ()"Eso será llamado en"setTimeout ()" método:

función myFunction ()
alerta ("Bienvenido a Linuxhint");

Defina una función llamada "DelayFunc ()"Eso se activará en el clic del botón. Llame al método "setTimeout ()" pasando una función y un tiempo en milisegundos. La función se ejecutará después del 1 segundo del clic del botón:

Función DelayFunc ()
setTimeOut (MyFunction, 1000);

Como puede ver eso después de hacer clic en el botón, la ventana de alerta aparecerá después de algún retraso:

Conclusión

Para retrasar la ejecución 1 segundo sin ejecutar código en jQuery use el "demora()Método "o el método" setTimeOut () ". "setTimeout ()El método no es específico de jQuery, pero se puede usar en cualquier aplicación de JavaScript. El método "demora ()" se usa comúnmente en animaciones, pero también se puede utilizar para introducir un retraso entre diferentes acciones. Esta publicación ilustra la forma de esperar o retrasar 1 segundo en jQuery.