Иногда для отладки наших приложений требуется определить количество кадров анимации на HTML-странице. Мы можем сделать это с помощью JS...
var before,now,fps;
before=Date.now();
fps=0;
requestAnimationFrame(
function loop(){
now=Date.now();
fps=Math.round(1000/(now-before));
before=now;
requestAnimationFrame(loop);
console.log("fps",fps)
}
);
Попробовал я сделать нечто следующее: убрать грузящий iframe (где у меня выполняется код с THREE.JS), однако, при этом, страница некоторые элементы не стала отображать, которые появляются с анимацией..
//FPS counter
$(window).on('load',function () {
console.log('load')
setTimeout(function () {
console.log('setTimeout')
var before,now,fps,tout;
before=Date.now();
fps=0;
requestAnimationFrame(
function loop(){
now=Date.now();
fps=Math.round(1000/(now-before));
before=now;
tout=setInterval(function () {
requestAnimationFrame(loop);
if(loop()<10){$('.iframe').remove()}
$('head').append(`<scrip src="/sys/inv4_wave.js"></scrip>`)
},1000,function () {
clearInterval(tout)
})
return fps
}
);
},5000)
})
