admin/oc-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: live jitter - gauge numbers wobble every 1s

Browse Source
This commit is contained in:
mango
2026-02-22 19:37:01 +08:00
parent cae788ea19
commit ed4f84ef23
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/index.html
View File

@@ -179,13 +179,17 @@ function renderLogs(){
} }
function animateNum(el,to,suffix=''){ function animateNum(el,to,suffix=''){
const from=parseFloat(el.textContent)||0; el._real=to;
if(from===to)return; el.textContent=to+suffix;
const d=to-from,steps=15,dt=40;
let i=0;
const fn=()=>{i++;el.textContent=(from+d*(i/steps)).toFixed(1)+suffix;if(i<steps)setTimeout(fn,dt);else el.textContent=to+suffix;};
fn();
} }
// Live jitter: every 1s, all gauge numbers wobble around real value
setInterval(()=>{
document.querySelectorAll('.g-n').forEach(el=>{
if(el._real==null||el.textContent==='—')return;
const r=el._real,jit=r*(0.02*Math.random()-0.01);
el.textContent=Math.max(0,r+jit).toFixed(1)+'%';
});
},1000);
function updateNodeCard(n){ function updateNodeCard(n){
const el=document.querySelector(`.nd[data-id="${n.id}"]`); const el=document.querySelector(`.nd[data-id="${n.id}"]`);
if(!el)return false; if(!el)return false;