getRequestAnimationFrame.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.cancelRequestAnimationFrame = cancelRequestAnimationFrame;
  6. exports.default = getRequestAnimationFrame;
  7. const availablePrefixs = ['moz', 'ms', 'webkit'];
  8. function requestAnimationFramePolyfill() {
  9. let lastTime = 0;
  10. return function (callback) {
  11. const currTime = new Date().getTime();
  12. const timeToCall = Math.max(0, 16 - (currTime - lastTime));
  13. const id = window.setTimeout(function () {
  14. callback(currTime + timeToCall);
  15. }, timeToCall);
  16. lastTime = currTime + timeToCall;
  17. return id;
  18. };
  19. }
  20. function getRequestAnimationFrame() {
  21. if (typeof window === 'undefined') {
  22. return () => {};
  23. }
  24. if (window.requestAnimationFrame) {
  25. // https://github.com/vuejs/vue/issues/4465
  26. return window.requestAnimationFrame.bind(window);
  27. }
  28. const prefix = availablePrefixs.filter(key => `${key}RequestAnimationFrame` in window)[0];
  29. return prefix ? window[`${prefix}RequestAnimationFrame`] : requestAnimationFramePolyfill();
  30. }
  31. function cancelRequestAnimationFrame(id) {
  32. if (typeof window === 'undefined') {
  33. return null;
  34. }
  35. if (window.cancelAnimationFrame) {
  36. return window.cancelAnimationFrame(id);
  37. }
  38. const prefix = availablePrefixs.filter(key => `${key}CancelAnimationFrame` in window || `${key}CancelRequestAnimationFrame` in window)[0];
  39. return prefix ? (window[`${prefix}CancelAnimationFrame`] || window[`${prefix}CancelRequestAnimationFrame`]).call(this, id) : clearTimeout(id);
  40. }