現在でも mozRequestAnimationFrame や webkitRequestAnimationFrame を使用する方法

現在、 mozRequestAnimationFrame や webkitRequestAnimationFrame などのメソッドがFirefoxやChromeに実装されています。

これは最近追加されたアニメーション処理向けのメソッドです。存在は知っていたのですがまだ、最近のFirefoxやChromeじゃないと使えないしなぁ。と自分はまだ様子見状態でした。

しかし、この前開催されたGoogle I/OのHTML5関連のスライドを見ていたらこの様な記述を見かけました。

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