jQuery requestAnimationFrame 브라우저 포커스를 잃을 때 일시 중지를 사용하지 않습니다.

Question

애니메이션을 사용하여 jQuery 앱을 제작하고 있습니다.

현재 requestAnimationFrame API를 사용하면 브라우저를 최소화하거나 브라우저를 변경하면 애니메이션이 일시 중지되고 응용 프로그램으로 돌아올 때 다시 시작됩니다.

현재 탭을 종료 할 때 애니메이션이 계속 실행되도록이 일시 중지를 피할 수 있습니까?

Answer 1

정확히 의도 된 동작은 requestAnimationFrame입니다. 브라우저가 스크립트가 실행중인 탭에 집중되어있을 때 프레임을 요청할 수 있습니다. 애니메이션을 계속 실행해야하는 경우 대신 setInterval을 사용하려고합니다.

var FPS = 30; 
setInterval(function() 
{ 
    draw(); 
}, 1000/FPS);