JS cancelAnimationFrame语法

时间:2016-01-14 08:08:20

标签: javascript requestanimationframe cancelanimationframe

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

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

然后将其称为:requestAnimFrame( protect );

问题是如何构建取消动画帧语法以与上面的完美对齐。 (应该取消所有上述前缀启动器并在回退的情况下设置超时)。

感谢您的回答;)

--- --- EDIT

我刚发现这篇文章>click me<

本文中提供的解决方案仅包括供应商webkitmoz,因为他们声称2013.03.06: No more [ms] or [o] prefixes neccessary. Removed.如果解决方案已完成并且今天可以使用,我现在还不知道。

1 个答案:

答案 0 :(得分:1)

我喜欢caniuse.com这些东西。退房:

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

您可以单击全部显示并查看所有浏览器版本以及它们支持的requestAnimationFrame类型(包括前缀)。

但我认为使用requestAnimationFramecancelAnimationFrame非常安全。除非你真的真的需要支持像IE9或Safari 6这样的浏览器,否则你不需要这样做。