Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript Sleep（）関数？

Sleep（）

Sleep（）の助けを借りて 一定時間実行を一時停止する関数を作ることができます。 Cやなどのプログラミング言語 PHP sleep（sec）と呼びます 。 Javaにはthread.sleep（）があります 、pythonには time.sleep（）があります およびGO time.Sleep（2 * time.Second） 。

javascript このような睡眠機能はありません。 しかし、約束に感謝する必要があります および非同期/待機機能 ES2018で。これらの機能がsleep（）の使用に役立ったため できるだけ簡単です。一言で言えばそれについて話し合いましょう。

構文-1 
sleep(Time in ms).then(() => {
//// code
})

スリープ機能を使用して、上記のようにコールバックできます。

構文-2 
const work = async () => {
await sleep(Time in ms)
//code
}
work()
スリープ機能を使用できます 上記のようなasync/await関数を使用します。

例

次の例では、 sleep（）を使用しています。 async/await関数を使用 。ここで睡眠機能は待つを伴います 手続きを続行します。最初は非同期関数のテキスト " Hello Tutorix 機能が開始されると「」が表示されます。その後、スリープ機能を使用して機能が一時停止されます 3秒間。 期間に1回 が完了すると、テキスト（ " 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>
出力 
Hello Tutorix
// after 3 secs
1 Welcome to tutorix
// after 3sec...and the text will repeat until the loop terminates for every 3 sec
2 Welcome to tutorix
3 Welcome to tutorix
4 Welcome to tutorix
5 Welcome to tutorix
6 Welcome to tutorix
7 Welcome to tutorix
8 Welcome to tutorix
9 Welcome to tutorix
10 Welcome to tutorix
11 Welcome to tutorix
12 Welcome to tutorix
13 Welcome to tutorix
14 Welcome to tutorix
15 Welcome to tutorix
16 Welcome to tutorix
17 Welcome to tutorix
18 Welcome to tutorix
19 Welcome to tutorix

  1. JavaScriptの関数プロトタイプ

    JavaScriptで作成された関数には、JavaScriptエンジンによって追加されたプロトタイププロパティが常にあります。プロトタイププロパティは、デフォルトでコンストラクタプロパティを含むオブジェクトです。関数protoypeには、-からアクセスできます。 functionName.prototype オブジェクトが関数コンストラクターを使用して作成されている場合、このプロトタイププロパティを使用して、その関数コンストラクターによって作成されたオブジェクト間でメソッドまたはプロパティを共有できます。 以下は、JavaScriptの関数プロトタイプのコードです- 例 <!DOCT

  2. JavaScriptでの関数の借用。

    call（）、apply（）、bind（）は、JavaScriptのメソッドを借用するために使用されます。 以下は、JavaScriptでメソッドを借用するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &