RequestAnimationFrame 자동 반복()
requestAnimationFrame()
있지만, 그것은 setTimeout()
와 같다. 우리는 그것을 계속 불러야 한다.우리가 더 비슷한
setInterval()
것을 가질 수 있을까? 우리가 그것을 설정하고 잊어버릴 수 있을까?우리는 자체 프로그램을 작성할 수 있습니다.
function requestAnimationFrameRepeat(fn) {
let continueToUpdate = true;
function updater() {
if (continueToUpdate) {
fn();
requestAnimationFrame(updater);
}
}
requestAnimationFrame(updater);
return function () {
continueToUpdate = false;
};
}
따라서 우리는 한 번만 호출하지 않고 requestAnimationFrame(ourUpdateFunction)
함수를 호출할 수 있다.그리고
requestAnimationFrameRepeat(ourUpdateFunction)
는 JS 엔진이 화면에 표시된 내용을 업데이트할 때마다 자동으로 호출됩니다.우리가 그것을 멈추기를 원할 때,
stopTheUpdateFn
호출 ourUpdateFunction
을 통해서만, 다음 업데이트가 실행되지 않기 때문에, 즉시 멈추게 됩니다.
Reference
이 문제에 관하여(RequestAnimationFrame 자동 반복()), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kennethlum/auto-repeat-requestanimationframe-24c7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)