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

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 이런 식으로 숫자를 변경해가면서 테스트 해보세요~

와아 감사합니다!!