[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() 메서드에 전달해 콜백 요청 취소 가능.