JS cancelAnimationFrame 语法

Question

这可能是一个非常简单的问题，但我刚开始玩请求动画帧，我需要一些指导。我在互联网上发现请求动画帧的最安全（就浏览器兼容性而言）语法是以下代码：

    window.requestAnimFrame = (function() {
        return  window.requestAnimationFrame       || 
                window.webkitRequestAnimationFrame || 
                window.mozRequestAnimationFrame    || 
                window.oRequestAnimationFrame      || 
                window.msRequestAnimationFrame     || 
                function(callback, element) {
                    window.setTimeout(callback, 1000 / 60);
                };
    })();

然后这样称呼它：requestAnimFrame( protect );

问题是如何构建取消动画帧语法以与上述语法完全一致。（应取消所有上述前缀启动器并设置超时以防回退）。

感谢您的回答;)

---编辑---

我刚找到这篇文章>click me<

文章中提供的解决方案仅包括供应商webkit和moz，因为他们声称2013.03.06: No more [ms] or [o] prefixes neccessary. Removed.我现在不知道该解决方案是否完整并且可以在今天使用。

Answer 1

我喜欢 caniuse.com 这些东西。查看：

http://caniuse.com/#feat=requestanimationframe

您可以点击Show All查看所有浏览器版本以及它们支持的requestAnimationFrame类型（包括前缀）。

但我认为只使用 requestAnimationFrame 和 cancelAnimationFrame 还是很安全的。除非你真的真的真的需要支持像 IE9 或 Safari 6 这样的浏览器，否则你不需要填充它。

JS cancelAnimationFrame 语法

JS cancelAnimationFrame syntax

javascript

requestanimationframe

cancelanimationframe