More accurate/consistent interval using requestAnimationFrame

rInterval.js

/**
 * A more consistent interval than the native setInterval.
 * Should help prevent the time drifting.
 *
 * @param {function} callback
 * @param {integer} delay
 */
const rInterval = function (callback, delay) {
	let requestAnimation = window.requestAnimationFrame;
	let start = Date.now();
	let raf;
	const startTime = Date.now();

	function intervalFunc(timestamp) {
		if (startTime + timestamp - start >= delay) {
			start += delay;
			callback();
		}

		raf = requestAnimation(intervalFunc);
	}

	raf = requestAnimation(intervalFunc);

	return {
		clear: function() {
			cancelAnimationFrame(raf);
		}
	};
};


/**
 * Example usage
 */
const myInterval = rInterval(() => {
	// Do something every second
}, 1000);
myinterval.clear(); // Clear interval