인프런 커뮤니티 질문&답변

최우석님의 프로필 이미지
최우석

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

requestAnimationFrame

requestAnimationFrame은 반복시간을 컨트롤 할 수 없는건가요?

작성

·

324

3

그런건가요?

답변 2

5

1분코딩님의 프로필 이미지
1분코딩
지식공유자

let count = 0;

 

  function action() {

    count++;

    if (count % 60 === 0) {

      console.log('action!');

    }

 

    requestAnimationFrame(action);

  }

 

  action();

 

이렇게 한 번 테스트 해보세요.

count % 60 === 0을 판단하는 조건부가 핵심인데,

count를 60으로 나누었을 때 나머지가 0일 때만 실행되도록 하는 것이므로

결국 이 샘플 코드에서는 console.log('action!');가 1초에 한 번 실행이 됩니다.

count % 10 이나 count % 30 이런 식으로 숫자를 변경해가면서 테스트 해보세요~

1

최우석님의 프로필 이미지
최우석
질문자

와아 감사합니다!!

최우석님의 프로필 이미지
최우석

작성한 질문수

질문하기