requestAnimationFrame detect stop

Question

我注意到，每当我停靠浏览器窗口或切换标签时，requestAnimationFrame停止被调用（我希望发生这种情况）。

有没有办法检测何时该停止发生？

原因是，我有一个计时器在我的游戏中运行。当requestAnimationFrame不再呈现时，我想停止计时器。我调查了'window.blur'和'window.focus'事件，但这些与requestAnimationFrame停止和启动时无关（例如，当您在浏览器窗口外单击window.blur事件是但是requestAnimationFrame继续运行）。

我想在requestAnimationFrame开始和停止时订阅。你知道一个方法吗？

Answer 1

如果你知道，正常情况下​​火的，比方说，至少4赫兹，可以设置为，比如说，3赫兹一个计时器，如果一直没有​​刻度之间的计时器滴答声中，​​计时器已经停止。

Answer 2

试试这个：

var timer; 

if (!window.requestAnimationFrame) { 
    window.requestAnimationFrame = window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame; 
} 

requestAnimationFrame(function again() { 
if (timer === "paused") { 
    return; 
} 

clearTimeout(timer); 

timer = setTimeout(function() { 
    timer = "paused"; 
    console.log("got ya, you closed the window"); 

    requestAnimationFrame(function() { 
    timer = null; 
    console.log("got ya, you re-opened the window"); 
    requestAnimationFrame(again); 
    }); 
}, 1e3); 

// rest of code goes here 

requestAnimationFrame(again); 
}); 

需要更多信息？只是问。