Funkcja JavaScript Sleep ()?
Sleep ()
za pomocą Sleep() możemy wykonać funkcję wstrzymującą wykonanie na określony czas. W językach programowania takich jak C i PHP nazywamy sleep (sec). Java ma wątek.sleep (), python ma czas.sleep() I GO ma czas.SEN (2 * raz.Drugi).
javascript nie posiada tego typu funkcji uśpienia. Ale powinniśmy podziękować obietnic i funkcji asynchronicznej / oczekiwania w ES 2018. Ponieważ te funkcje pomogły nam w użyciu funkcji sleep() tak łatwo, jak to tylko możliwe. Omówmy to w skrócie.
składnia-1
sen(Czas w ms).then (()=> {//// code})
możemy użyć funkcji uśpienia, a następnie oddzwonić, jak pokazano powyżej.
syntax-2
const work = async () => {waiting sleep(Time in ms)//code}work ()
możemy użyć funkcji sleep z funkcją async / waiting jako pokazane powyżej.
przykład
w poniższym przykładzie użyliśmy funkcji sleep() z funkcją async / await. Tutaj funkcja snu towarzyszy oczekiwanie na kontynuację postępowania. Początkowo tekst w funkcji asynchronicznej „Hello Tutorix” jest wyświetlany po uruchomieniu funkcji. Później funkcja jest wstrzymywana za pomocą funkcji uśpienia na 3 sekundy. Po upływie tego okresu tekst („Welcome to ……..”) po wyświetleniu funkcji uśpienia. Jest on powtarzany aż do zakończenia pętli, co oznacza, że w sumie tekst będzie powtarzany przez 19 razy, jak pokazano na wyjściu.
<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...a tekst będzie powtarzał się do zakończenia pętli co 3 sekund2 Witamy w tutorix3 Witamy w tutorix4 Witamy w tutorix5 Witamy w tutorix6 Witamy w tutorix7 Witamy w tutorix8 Witamy w tutorix9 Witamy w tutorix10 Witamy w tutorix11 Witamy w tutorix12 Witamy w tutorix13 Witamy w tutorix14 Witamy w tutorix15 Witamy w tutorix16 Witamy w tutorix17 Witamy w tutorix18 Witamy w tutorix19 Witamy w tutorix
Leave a Reply