所以我设置了一个Node.js服务器,并显示了一个显示当前CPU使用情况的页面,现在的问题是我必须刷新整个页面才能更新变量,如果我只是通过JavaScript更新变量,它会在刷新页面后直接显示正确的CPU使用情况,但在间隔结束后,它只会输出"未定义"。
Node.js代码:
var cpuusage = 0;
var percent = require('cpu-percent');
percent(function(err,percent){
if(err) { }else{
cpuusage = Math.round(percent);
}
});
^获取当前CPU使用情况
app.get("/", function (req, res) {
res.render("default.ejs", {
"cpu":cpuusage
});
});
^将值分配给EJS模板
default.ejs代码:
<b>CPU</b>: <span id="showCpu"><%= cpu %></span>% <br>
<script>
function updateCPU(){
document.getElementById("showCpu").innerHTML="<%= cpu %>";
}
setInterval("updateCPU()", 2000);
</script>
^输出变量值,然后刷新span
您调用setInterval的方式不对,它希望第一个参数是一个函数。
setInterval(updateCPU, 2000);
顺便说一句,如果你想更新CPU使用情况,只需在x秒后刷新页面即可。或者创建一个以JSON格式返回cpu使用情况的cpu端点,并在x秒后点击该端点以更新cpu使用情况,而不刷新它