RequestAnimationFrame.js

/**
 * Provides requestAnimationFrame in a cross browser way.
 * @author greggman / http://greggman.com/
 */

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

Some relevant links:

• http://paulirish.com/2011/requestanimationframe-for-smart-animating/#comment-786941266 (Dmitry Baranovskiy suggesting the same snippet, to which Paul Irish responds it doesn’t work)
• http://paulirish.com/i/9290.png (old Twitter convo about it not working)

It does seem to work nowadays. What changed? Does this code work fine as long as you bind the polyfilled property to window (since rAF is a member function of window, just like getElementById)?

cc @paulirish @jakearchibald