JavaScriptで3秒間スリープする方法


  1. setTimeoutを使用する方法: setTimeout関数を使用して、指定した時間後にコードを実行する方法です。

    setTimeout(function() {
     // 3秒後に実行されるコード
    }, 3000);
  2. Promiseを使用する方法: Promiseを使って非同期の待機を実現する方法です。setTimeoutをラップしたPromiseを作成し、指定した時間後にresolveするようにします。

    function sleep(ms) {
     return new Promise(resolve => setTimeout(resolve, ms));
    }
    async function example() {
     // 3秒間待機
     await sleep(3000);
     // 待機後に実行されるコード
    }
    example();
  3. async/awaitを使用する方法: async/await構文を使用して、非同期の待機を実現する方法です。

    async function sleep(ms) {
     await new Promise(resolve => setTimeout(resolve, ms));
    }
    async function example() {
     // 3秒間待機
     await sleep(3000);
     // 待機後に実行されるコード
    }
    example();

これらの方法を使うと、JavaScriptで指定した時間だけ待機することができます。必要に応じて、これらのコード例をカスタマイズして使用してください。また、他のタイマー関数やライブラリも利用することができますが、上記の方法はシンプルで一般的に使用される方法です。