JavaScript 루프에 지연을 어떻게 도입할 수 있나요?

JavaScript 루프 지연

setTimeout() 함수를 사용하여 JavaScript 루프에 지연을 도입할 수 있습니다. 그러나 setTimeout()의 기본 동작은 즉시 실행되는 것입니다. 지연을 도입하려면 재귀 루프를 사용해야 합니다.

이를 달성하는 한 가지 방법은 for 루프를 사용하고 루프 내에서 setTimeout()을 호출하는 것입니다. 그러나 이 접근 방식은 모든 setTimeouts가 즉시 예약되어 여러 개의 경고가 동시에 나타나기 때문에 문제가 발생합니다.

이 문제를 해결하려면 지연을 통해 자신을 호출하는 재귀 함수를 사용해야 합니다. 다음 코드는 이 접근 방식을 보여줍니다.

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보다 작은지 확인합니다. 그렇다면 myLoop()를 다시 호출하여 각 경고 사이에 지연이 발생합니다.

위 내용은 JavaScript 루프에 지연을 어떻게 도입할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!