dragon-mobile-ui/components/utils/rAF.js

UI for react.js

let lastTime = 0;
let vendors = ['webkit', 'moz'];
let rAF, cAF;

for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
  rAF = window[vendors[x] + 'RequestAnimationFrame'];
  cAF = window[vendors[x] + 'CancelAnimationFrame'] ||    // Webkit中此取消方法的名字变了
        window[vendors[x] + 'CancelRequestAnimationFrame'];
}

if (!rAF) {
  rAF = (callback, element) => {
    let currTime = new Date().getTime();
    let timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
    let id = window.setTimeout(() => {
      callback(currTime + timeToCall);
    }, timeToCall);
    lastTime = currTime + timeToCall;
    return id;
  };
}

if (!cAF) {
  cAF = (id) => {
    clearTimeout(id);
  };
}

export default {
  rAF,
  cAF
}