JavaScript에서 setInterval 간격을 동적으로 조정하려면 어떻게 해야 합니까?

SetInterval 간격을 동적으로 조정

이 JavaScript 함수는 원래 SetInterval을 호출하여 100밀리초의 고정 간격으로 문자열을 조작했습니다.

var interval = setInterval(function() { ... }, 100);

그러나 사용자는 이 간격을 루프 카운터. 다음으로 변경:

var interval = setInterval(function() { ... }, 10*counter);

효과가 없는 것으로 판명되었습니다.

익명 함수를 사용한 솔루션

원하는 동작을 달성하려면 익명 함수를 사용할 수 있습니다. :

var counter = 10;
var myFunction = function(){
    clearInterval(interval);
    counter *= 10;
    interval = setInterval(myFunction, counter);
}
var interval = setInterval(myFunction, counter);

현재 간격을 반복적으로 지우고 카운터를 곱하는 기능입니다. 10씩 업데이트된 값으로 간격을 재설정합니다.

setTimeout을 사용하여 업데이트된 솔루션

A. Wolff가 제안한 대로 setTimeout은 필요 없는 대체 접근 방식을 제공합니다. ClearInterval의 경우:

var counter = 10;
var myFunction = function() {
    counter *= 10;
    setTimeout(myFunction, counter);
}
setTimeout(myFunction, counter);

이 메서드를 사용하면 setTimeout은 다음을 사용하여 함수를 반복적으로 예약합니다. 새로운 간격.

위 내용은 JavaScript에서 setInterval 간격을 동적으로 조정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!