Sets the frame rate of requestAnimationFrame in FPS without setTimeout/ interval, performance or Date functions.

set-fps-modern.js

// Just add water
const = document.getElementById('water'); // Demo 

/**
 * setFPS sets the frame rate of the rAF function
 * with minimum overhead.
 * @Copyright Julien Etienne 2015
 * @License MIT
 */

const setFPS = (callback, rAF, fps) => {
    let fPSTimeStamp = 0;
    const loopCallback = time => {
        if (time > fPSTimeStamp) {
            const timeStamp = fPSTimeStamp += 1000 / fps;
            callback(timeStamp);
        }
        rAF(loopCallback);
    }
     rAF(loopCallback);
}

// Demo
function showFPSTime(timeStamp) {
    div.innerHTML = timeStamp
}

// Demo
setFPS(showFPSTime, requestAnimationFrame, 2);