request-timeout-browser-support.js

const noop = () => {};

const browserSupportsRaf = 
  window.requestAnimationFrame ||
	window.webkitRequestAnimationFrame || 
	(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) || // Firefox 5 ships without cancel support
	window.oRequestAnimationFrame || 
	window.msRequestAnimationFrame;

const requestTimeoutNoRaf = (fn, delay, registerCancel) => {
  const timeoutId = setTimeout(fn, delay);
  registerCancel(() => clearTimeout(timeoutId));
}

const requestTimeoutRaf = (fn, delay, registerCancel) => {
  const start = new Date().getTime();

  const loop = () => {
    const delta = new Date().getTime() - start;

    if (delta >= delay) {
      fn();
      registerCancel(noop);
      return;
    }

    const raf = requestAnimationFrame(loop);
    registerCancel(() => cancelAnimationFrame(raf));
  };

  const raf = requestAnimationFrame(loop);
  registerCancel(() => cancelAnimationFrame(raf));
};

const requestTimeout = browserSupportsRaf ? requestTimeoutRaf : requestTimeoutNoRaf;