request idle callback sample

index.js

'use strict';

var counter = (next, loopNum, wait) => {
  var count = 0;
  var last = Date.now();
  var logger = () => {
    wait && heavyFunction(wait);
    console.log(next.name, Date.now() - last , count);
    count++;
    last = Date.now();
    if(count < loopNum) {
      next(logger);
    }
  };
  next(logger);
};

// 何か重たい処理
var heavyFunction = (wait) => {
  var start = Date.now();
  for(;;) {
    if(Date.now() - start > wait) {
      return;
    }
  }
};

counter(requestAnimationFrame, 15, 60);
counter(requestIdleCallback, 15, 0);