JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<div id="fps"> </div>

JavaScript

if (!window.requestAnimationFrame) {
    window.requestAnimationFrame =
        window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame;
}

var t = [];
function animate(now) {
    
    t.unshift(now);
    if (t.length > 10) {
        var t0 = t.pop();
        var fps = Math.floor(1000 * 10 / (now - t0));
        $('#fps').text(fps + ' fps');
    }

    window.requestAnimationFrame(animate);
};

window.requestAnimationFrame(animate);