OP FPS Counter

Simple rainbow FPS counter :D

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         OP FPS Counter
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Simple rainbow FPS counter :D
// @author       You
// @match        *://*/*
// @license      MIT
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var fps = 0;
    var el = top.document.createElement('div')
    el.style = "position:fixed;top:0%;left:1%;color:gray;font-family:Arial;font-size:23px;z-index:999999999999999999999;";
    el.innerHTML = "60";
    top.document.body.appendChild(el)
    var i = 0;
    setInterval(()=>{
        el.innerHTML = fps+" FPS";
        fps=0;
    },1000);
    setInterval(()=>{
        el.style.color = "hsl(" + (360 * i / 100) + ",80%,50%)";
        if(i==100){i=0};
        i+=1;
    },10);
    function counter() {
        window.requestAnimationFrame(counter);
        fps += 1;
        
    }
    counter();
    
})();