JavaScriptのスリープ関数

3474 ワード

react javascript node テキストリンク

JavaScript スクリプトの実行を遅らせるためにsettimeout ()とsetInterval ()メソッドを提供します.しかし、それは単一の行で実行をスリープ状態に任意の方法を提供しません.カスタムスリープメソッドを構築しましょう.

TOC

必要条件

考え

スリープAPI

用途

ライブインタラクティブデモ

必要条件

I am assuming that you know the above prerequisites.

アイデアは、ミリ秒の数を待つために約束を使用することです.私たちは、スクリプトを実行するのを遅らせることができますawait . 約束を解決したり拒否した後、次のスクリプトを実行できます.

我々の睡眠APIを構築しましょう

function sleep(ms){
  return new Promise((resolve)=>{
    setTimeout(()=>resolve(),ms);
  })
}

上記のスリープAPIは、数ミリ秒待って、それは約束を解決します.

用途

make sure to call this API inside the async function

async function test(){
    // wait for 3 seconds
    console.log("Waiting...");
    await sleep(3000); 
    console.log("The wait is over");
}

ライブデモ
ペンを見るoNzpMZN ラウルクマルによって
( @ats1999 ) on CodePen .

この問題について(JavaScriptのスリープ関数), 我々は、より多くの情報をここで見つけました https://dev.to/ats1999/sleep-function-in-javascript-785

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol