JavaScript ループに遅延を導入するにはどうすればよいですか?

JavaScript ループの遅延

setTimeout() 関数を使用して、JavaScript ループに遅延を導入することができます。ただし、setTimeout() のデフォルトの動作はすぐに実行されます。遅延を導入するには、再帰ループを使用する必要があります。

これを実現する 1 つの方法は、for ループを使用し、ループ内で setTimeout() を呼び出すことです。ただし、このアプローチでは問題が発生します。すべての setTimeout がすぐにスケジュールされ、複数のアラートが一度に表示されることになります。

これを解決するには、遅延して自身を呼び出す再帰関数を使用する必要があります。次のコードは、このアプローチを示しています。

var i = 1;                  //  set your counter to 1

function myLoop() {         //  create a loop function
  setTimeout(function() {   //  call a 3s setTimeout when the loop is called
    console.log('hello');   //  your code here
    i++;                    //  increment the counter
    if (i < 10) {           //  if the counter < 10, call the loop function
      myLoop();             //  ..  again which will trigger another 
    }                       //  ..  setTimeout()
  }, 3000)
}

myLoop();                   //  start the loop

このコードでは、3 秒の setTimeout() を含む myLoop() という再帰関数を作成します。タイムアウト内に、カウンターをインクリメントし、それが 10 未満かどうかを確認します。10 未満である場合は、myLoop() を再度呼び出します。これにより、各アラート間に遅延が生じます。

以上がJavaScript ループに遅延を導入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。