강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

aaadntjr9539 のプロフィール画像
aaadntjr9539

投稿した質問数

インタラクティブWeb開発を正しく開始する

requestAnimationFrame

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

作成

·

418

3

그런건가요?

javascriptHTML/CSS인터랙티브-웹

回答 2

5

studiomeal님의 프로필 이미지
studiomeal
インストラクター

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

aaadntjr9539님의 프로필 이미지
aaadntjr9539
質問者

와아 감사합니다!!

aaadntjr9539 のプロフィール画像
aaadntjr9539

投稿した質問数

質問する