requestAnimationFrame-polyfill.js 1.3 KB

1234567891011121314151617181920212223242526272829303132
  1. // https://gist.github.com/paulirish/1579671
  2. // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
  3. // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
  4. // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
  5. // MIT license
  6. (function() {
  7. var lastTime = 0;
  8. var vendors = ['ms', 'moz', 'webkit', 'o'];
  9. for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
  10. window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
  11. window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
  12. || window[vendors[x]+'CancelRequestAnimationFrame'];
  13. }
  14. if (!window.requestAnimationFrame)
  15. window.requestAnimationFrame = function(callback, element) {
  16. var currTime = new Date().getTime();
  17. var timeToCall = Math.max(0, 16 - (currTime - lastTime));
  18. var id = window.setTimeout(function() { callback(currTime + timeToCall); },
  19. timeToCall);
  20. lastTime = currTime + timeToCall;
  21. return id;
  22. };
  23. if (!window.cancelAnimationFrame)
  24. window.cancelAnimationFrame = function(id) {
  25. clearTimeout(id);
  26. };
  27. }());