Fonction JavaScript Sleep() ?
Sleep()
Avec l’aide de Sleep(), nous pouvons créer une fonction pour suspendre l’exécution pendant une durée fixe. Dans les langages de programmation tels que C etphp, nous appellerions sleep (sec). Java a un thread.sleep(), python a le temps.sleep() et GO a le temps.Sommeil (2 * temps.Deuxième).
javascript n’a pas ce genre de fonctions de veille. Mais nous devrions remercier les promesses et la fonction asynchrone / attente dans ES 2018. Parce que ces fonctionnalités nous ont aidés à utiliser sleep() aussi facilement que possible. Discutons-en en un mot.
syntaxe – 1
sommeil (Temps en ms).ensuite (() = >{////code})
Nous pouvons utiliser la fonction de veille avec puis rappeler comme indiqué ci-dessus.
syntax-2
const work=async()=> {await sleep(Temps en ms) //code} work()
Nous pouvons utiliser la fonction sleep avec la fonction async/await comme indiqué ci-dessus.
Exemple
Dans l’exemple suivant, nous avons utilisé la fonction sleep() avec async/await. Ici, la fonction de sommeil est accompagnée d’une attente pour continuer la procédure. Initialement, le texte de la fonction asynchrone « Hello Tutorix » s’affiche une fois la fonction démarrée. Plus tard, la fonction est mise en pause à l’aide de la fonction veille pendant 3 secondes. Une fois la période de temps terminée, le texte (« Bienvenue à…….. ») après la fonction veille s’affiche. Il est répété jusqu’à la fin de la boucle, ce qui signifie qu’au total, le texte sera répété 19 fois comme indiqué dans la sortie.
<html><body><script> function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function Tutor() { document.write('Hello Toturix'); for (let i = 1; i <20 ; i++) { await sleep(3000); document.write( i +" "+"Welcome to tutorix" + " " + "</br>"); } } Tutor()</script></body></html>
Output
Hello Tutorix// after 3 secs1 Welcome to tutorix// after 3sec...et le texte se répétera jusqu'à ce que la boucle se termine toutes les 3 sec2 Bienvenue sur tutorix3 Bienvenue sur tutorix4 Bienvenue sur tutorix5 Bienvenue sur tutorix6 Bienvenue sur tutorix7 Bienvenue sur tutorix8 Bienvenue sur tutorix9 Bienvenue sur tutorix10 Bienvenue sur tutorix11 Bienvenue sur tutorix12 Bienvenue sur tutorix13 Bienvenue sur tutorix14 Bienvenue sur tutorix15 Bienvenue sur tutorix16 Bienvenue sur tutorix17 Bienvenue sur tutorix18 Bienvenue sur tutorix19 Bienvenue sur tutorix
Leave a Reply