jQuery Wait / Delay 1 seconde sans exécuter le code

Parfois, dans divers scénarios, les développeurs peuvent avoir besoin d'attendre ou de retarder l'exécution du code pour une période de temps particulière. Par exemple, cachez ou affichez quelque chose après un certain retard d'animation ou attendez qu'une animation se termine avant d'en démarrer une autre, et ainsi de suite. Cela aide à améliorer l'expérience utilisateur. Assurez-vous que la durée du retard est courte car trop de retard a un mauvais effet sur l'expérience utilisateur.

Ce message illustrera la façon d'attendre ou de retarder 1 seconde à jQuery.

Comment attendre / retarder 1 seconde sans exécuter du code à l'aide de jQuery?

Dans jQuery, utilisez les méthodes suivantes pour retarder l'exécution 1 seconde sans exécuter le code:

• Méthode de retard ()
• Méthode setTimeout ()

Méthode 1: attendre / retard 1 seconde sans exécuter le code en utilisant la méthode «delt ()»

Utilisez le "retard()”Méthode pour attendre 1 seconde pour exécuter le code suivant. Il s'agit d'une méthode intégrée de la bibliothèque jQuery qui permet de créer un retard ou de s'arrêter dans l'exécution du code. Il est souvent utilisé pour mettre en pause l'exécution de l'animation, mais il peut également être utilisé pour introduire un retard entre différentes actions.

Syntaxe
Suivez la syntaxe donnée pour la méthode de retard ():

$ (sélecteur).temporisation).méthode();

Le temps sera passé dans «millisecondes», Comme« 1000 millisecondes égales à 1 seconde ».

Exemple
Pour utiliser le jQuery "retard()”Méthode, il est important d'ajouter la bibliothèque jQuery dans votre balise HTML:

Dans le document HTML, nous en créerons deux

Tags et un bouton:

Bienvenue à Linuxhint

Tutoriel javascript

> Cliquez ici

Joignez une fonction sur le clic sur le bouton à l'aide du "Cliquez sur() ”Fonction dans jQuery. Lorsque le bouton est cliqué, les deux lignes de texte glissent en utilisant le «glisser vers le haut()«Méthode, et la deuxième ligne reviendra en premier en utilisant le«fadein ()”Méthode, tandis que la première ligne s'affiche après un retard d'une seconde en utilisant le« retard (1000) »:

$ ("bouton").cliquez sur (fonction ()
$ ("p.firstmsg ").glissement (500).retard (1000).Fadein (800);
$ ("p.secondmsg ").glissement (500).Fadein (1000);
);

Sortir

Méthode 2: attendre / retarder 1 seconde sans exécuter du code à l'aide de la méthode "setTimeout ()"

Vous pouvez également utiliser le «setTimeout ()”Méthode qui est la méthode intégrée de JavaScript. Il est utilisé pour ajouter un retard ou un arrêt dans l'exécution du code. Il n'est pas spécifique à jQuery mais il peut être utilisé dans n'importe quelle application JavaScript.

Syntaxe
La syntaxe suivante est utilisée pour la méthode setTimeout ():

setTimeout (function (), time);

Exemple
Dans l'exemple donné, nous afficherons un message alert () après 1 seconde du bouton cliquer. Tout d'abord, nous créerons un bouton et un texte dans un document HTML. Attacher un «sur clic"Événement sur le bouton qui appellera la fonction nommée"DelayFunc ()»:

Tutoriel javascript

Cliquez ici

Créer une fonction "myFunction ()"Cela sera appelé«setTimeout ()" méthode:

fonction myFunction ()
alert ("Bienvenue sur Linuxhint");

Définissez une fonction nommée «DelayFunc ()"Cela se déclenchera sur le clic du bouton. Appelez la méthode «setTimeout ()» en passant une fonction et un temps en millisecondes. La fonction s'exécutera après la 1 seconde du bouton CLIC:

fonction delayfunc ()
setTimeout (MyFunction, 1000);

Comme vous pouvez le voir après avoir cliqué sur le bouton, la fenêtre d'alerte apparaîtra après un certain retard:

Conclusion

Pour retarder l'exécution 1 seconde sans exécuter du code dans jQuery, utilisez le «retard()Méthode "ou la méthode" setTimeout () ". "setTimeout ()«La méthode n'est pas spécifique à JQuery, mais elle peut être utilisée dans n'importe quelle application JavaScript. La méthode «Delay ()» est couramment utilisée dans les animations, mais elle peut également être utilisée pour introduire un retard entre différentes actions. Ce post a illustré la façon d'attendre ou de retarder 1 seconde à jQuery.