JSFiddle - React, Tailwind, and code Playground
JavaScript
window.raf = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
window.setTimeout(callback, 1000 / 60);
};
function loop(now) {
var last = now || Date.now(); // fallback if no precise time is given
window.raf(function(now) {
now = now || Date.now();
var dt = now - last;
if (dt != 0) // something might be wrong with our frames
log(dt);
loop(now);
});
}
window.raf(loop);
var l = document.getElementById("log"),
buf = new Array(15),
i = 0;
function log(x) {
buf[i] = String(x).fontcolor("red");
l.innerHTML = buf.join("<br />");
buf[i] = x;
i++;
i %= buf.length;
}