JavaScriptで1秒待機する方法

setTimeoutを使用する方法: setTimeout関数を使用すると、指定した時間（ミリ秒単位）後に特定のコードを実行できます。以下は、1秒後に特定の処理を実行する例です。

setTimeout(function() {
  // 1秒後に実行される処理
}, 1000);

async/awaitとsetTimeoutを組み合わせる方法: async/awaitを使用することで、非同期の処理を同期的に扱うことができます。以下は、1秒待機してから特定の処理を実行する例です。

async function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}
async function myFunction() {
  await sleep(1000); // 1秒待機
  // 1秒後に実行される処理
}

requestAnimationFrameを使用する方法: requestAnimationFrame関数を使用すると、ブラウザの次の再描画前に特定の処理を実行できます。以下は、1秒後に実行される処理の例です。

function myFunction() {
  var start = null;
  function step(timestamp) {
    if (!start) start = timestamp;
    var progress = timestamp - start;
    if (progress < 1000) {
      requestAnimationFrame(step);
    } else {
      // 1秒後に実行される処理
    }
  }
  requestAnimationFrame(step);
}