request-interval.js

const browserIsAnimationFrameIncompatible =
  !window.requestAnimationFrame &&
  !window.webkitRequestAnimationFrame &&
  !window.mozRequestAnimationFrame &&
  !window.oRequestAnimationFrame &&
  !window.msRequestAnimationFrame;

const requestInterval = (fn, delay, registerCancel) => {
  if (browserIsAnimationFrameIncompatible) {
    const intervalId = window.setInterval(() => {
      fn();
      clearInterval(intervalId);
    }, delay);
    return registerCancel(() => clearInterval(intervalId));
  }

  const start = new Date().getTime();

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

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

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

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