• Q&A
  • 회원가입
  • 로그인

[Window] JS - requestAnimationFrame() 메서드 - 다음 repaint 전에, 애니메이션을 업데이트하는 함수를 호출하도록 브라우저에게 요청.

requestAnimationFrame() 예제

 
예제1: http://www.gisdeveloper.co.kr/?p=2237 참고

예제2. 숫자 카운팅 애니 효과 

 

 

requestAnimationFrame() 정의

 

다음 repaint 전에, 애니메이션을 업데이트하는 함수를 호출하도록 브라우저에게 요청.

 


 

1.

IE 및 Edge 17 버전 이하는 지원 X

 

2. 

MDN Window.requestAnimationFrame() 예제 보기

 

 

requestAnimationFrame() 구문

 

window.requestAnimationFrame(callback);

 


[매개변수]


callback
필수. 다음 리페인트 위한 애니메이션 업데이트 시 호출할 함수.

 


[반환값]

 

콜백 리스트의 항목을 정의하는 고유한 요청 id 인 long 타입 정수 값.

  • 0 이 아니라는것 외에는 다른 추측을 할 수가 없는 값임.
  • 이 값을 window.cancelAnimationFrame() 메서드에 전달해 콜백 요청 취소 가능.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012