Skip to content

Instantly share code, notes, and snippets.

@ammarfaizi2

ammarfaizi2/cpu_stats.html

Created July 27, 2022 18:21
Show Gist options
  • Save ammarfaizi2/cd6eb9fb571ea97f9ffced26a4f539f9 to your computer and use it in GitHub Desktop.
Save ammarfaizi2/cd6eb9fb571ea97f9ffced26a4f539f9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cpu_stats.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid #000; width: 300px; padding: 10px; margin: auto; margin-top: 60px;">
<table>
<tr><td>Total</td><td>:</td><td id="cpu_total"></td></tr>
<tr><td>User</td><td>:</td><td id="cpu_user"></td></tr>
<tr><td>Nice</td><td>:</td><td id="cpu_nice"></td></tr>
<tr><td>System</td><td>:</td><td id="cpu_system"></td></tr>
<tr><td>Idle</td><td>:</td><td id="cpu_idle"></td></tr>
<tr><td>I/O Wait</td><td>:</td><td id="cpu_iowait"></td></tr>
<tr><td>IRQ</td><td>:</td><td id="cpu_irq"></td></tr>
<tr><td>SoftIRQ</td><td>:</td><td id="cpu_softirq"></td></tr>
<tr><td>Steal</td><td>:</td><td id="cpu_steal"></td></tr>
<tr><td>CPU Core</td><td>:</td><td id="cpu_cpucore"></td></tr>
<tr><td>Context Switches</td><td>:</td><td id="cpu_ctx_switches"></td></tr>
<tr><td>Interrupts</td><td>:</td><td id="cpu_interrupts"></td></tr>
<tr><td>Syscalls</td><td>:</td><td id="cpu_syscalls"></td></tr>
<tr><td>Time since update</td><td>:</td><td id="cpu_time_since_update"></td></tr>
</table>
</div>
<script type="text/javascript">
const API_URL_CPU = "https://stats.zxce3.net/api/cpu";
function get_id(id) {
return document.getElementById(id);
}
function update_cpu() {
let ch = new XMLHttpRequest;
ch.open("GET", API_URL_CPU);
ch.onload = function () {
let data = JSON.parse(this.responseText);
for (i in data) {
let obj = get_id("cpu_"+i);
if (obj)
obj.innerHTML = data[i];
}
};
ch.send();
}
update_cpu();
setInterval(function () {
update_cpu();
}, 200);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment