Fonction de sommeil JavaScript

JavaScript est le langage de la liberté mais est une langue axée sur la fonction en même temps. Contrairement à d'autres langues, JavaScript ne fournit pas de fonction Sleep () intégrée. Vous pouvez soit créer une fonction Sleep () personnalisée à l'aide de la fonction SetTimeout () intégrée, soit la dernière ECMascript promet une fonction async-AwaIt. Cet article vous montre comment arrêter ou suspendre l'exécution de la fonction de sommeil pendant un temps souhaité en utilisant.

Avant de commencer

Avant de commencer à créer une fonction de sommeil, vous devez comprendre que la fonction setTimeout () ne fonctionne pas si vous vous attendez à ce qu'elle arrête l'exécution. De nombreux programmeurs et développeurs essaient d'utiliser la fonction avec des boucles mais échouent car la fonction setTimeout () est utilisée pour attendre un temps donné, puis exécute la fonction donnée. Vous pouvez cependant utiliser la fonction setTimeOut () pour créer une fonction de sommeil en utilisant la promesse si votre objectif est d'arrêter l'exécution pendant un temps souhaité.

En utilisant la fonction de sommeil

Ainsi, nous ferons une fonction de sommeil personnalisée dans laquelle la fonction aura du temps en millisecondes comme argument et renverra une promesse. La promesse comprendra une fonction setTimeout (), qui passera le résolveur en fonction et temps en millisecondes à la fonction setTimeout (). Ainsi, à la fin, la fonction de sommeil devrait ressembler à ceci:

fonction Sleep (ms)
return new promed (résolver => setTimeout (Resolver, MS));
;

Et maintenant, où que vous souhaitiez utiliser cette fonction de sommeil, vous pouvez facilement l'utiliser.

Maintenant, nous utiliserons cette fonction de sommeil dans quelques exemples pour vous montrer comment l'utiliser dans la pratique.

Tout d'abord, nous essaierons de consoler du texte et d'appeler la fonction de sommeil. Étant donné que la fonction de sommeil renvoie une promesse, nous mettons une fonction alors après elle, dans laquelle nous consolerons un texte et passerons l'argument «5000» à la fonction de sommeil. Après avoir exécuté le programme, vous verrez dans la console qu'il dormira pendant 5 secondes.

console.Log ("La fonction de sommeil attendra 10 secondes, puis il imprimera 'Done'");
sommeil (5000).alors (() =>
console.log ("fait");
)

Vous pouvez assister au retard de 5 secondes pour accéder au statut «fait» dans la console.

Supposons que nous voulons effectuer une animation toutes les 2 secondes. Pour ce faire, nous allons simplement écrire une fonction d'animation asynchrone, dans laquelle nous animerons quelque chose, arrêterons l'exécution pendant 2 secondes en utilisant le sommeil, puis répéter ce processus en utilisant une boucle pour 10 fois.

Animation de la fonction asynchrone (ms)
console.Log ("Démarrage…");
pour (soit i = 0; i < 10; i++)
console.Log ("Animation après 2 secondes ...")
Await le sommeil (MS)

console.journal ("c'est la fin.");

Après avoir écrit la fonction d'animation asynchrone, nous pouvons maintenant appeler la fonction d'animation.

Animation (2000);

Après avoir exécuté le code, vous verrez dans la console que le texte «Animation après 2 secondes» se répète toutes les deux secondes.

Conclusion

Cet article vous a montré comment faire une fonction de sommeil personnalisée, aux côtés de plusieurs démonstrations. J'espère que cet article vous a aidé à mieux comprendre l'utilisation de la fonction de sommeil. Vous pouvez en savoir plus sur JavaScript à Linuxhint.com.