Articles

JavaScript Sleep()関数?

Sleep()

Sleep()の助けを借りて、一定時間実行を一時停止する関数を作ることができます。 C言語やphpなどのプログラミング言語では、sleep(sec)と呼ぶことがある。 Javaにはスレッドがあります。sleep()、pythonには時間があります。睡眠()と行くには時間があります。睡眠(2*時間。第二)。

javascriptにはこれらの種類のスリープ関数はありません。 しかし、es2018のpromisesとasync/await関数に感謝する必要があります。 これらの機能は、できるだけ簡単にsleep()を使用するのに役立っているからです。 一言で言えば、それを議論してみましょう。

構文-1

スリープ(ミリ秒単位の時間)。then(()=>{////code})

上記のようにsleep関数を使用してコールバックすることができます。

syntax-2

const work=async()=>{await sleep(Time in ms)//code}work()

上記のようにasync/await関数でsleep関数を使用できます。

次の例では、async/await関数でsleep()を使用しました。 ここでは、睡眠機能は、手続きを継続するために待機を伴っています。 当初はテキストの非同期機能”こんにちはTutorix”表示の機能が開始されます。 後で、機能は3秒の睡眠機能を使用して一時停止します。 期間が完了すると、テキスト(”Welcome to……..”)以下のスリープ機能が表示されます。 これは、ループが終了するまで繰り返され、出力に示すように合計でテキストが19回繰り返されることを意味します。

<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...そして、ループが3秒ごとに終了するまでテキストが繰り返されます2tutorix3へようこそtutorix4へようこそtutorix5へようこそtutorix6へようこそtutorix7へようこそtutorix8へようこそtutorix9へようこそtutorix10へようこそTutorix11へようこそTutorix12へようこそtutorix13へようこそtutorix14へようこそtutorix15へようこそtutorix16へようこそtutorix17へようこそtutorix18へようこそtutorix19へようこそ
iv id=”