首页 > 编程 > JavaScript > 正文

JavaScript获取当前cpu使用率的方法

2019-11-20 11:00:47
字体:
来源:转载
供稿:网友

本文实例讲述了JavaScript获取当前cpu使用率的方法。分享给大家供大家参考,具体如下:

想获取当前系统cpu的使用率,如果允许使用hta,可以使用以下的代码获取当前cpu的使用率(较为精确)

setInterval(function() { var locator=new ActiveXObject ("WbemScripting.SWbemLocator"); var service=locator.ConnectServer("."); var cpu=new Enumerator (service.ExecQuery("SELECT * FROM Win32_Processor")).item(); document.title = cpu.LoadPercentage;}, 1000);

如果不允许使用上面的方法,在正常的网页中是否有更合适的方法进行粗略的估算?

思路就是用一个定时器,假设间隔执行时间为500ms,当调用它时,判断从开始计时到本次执行所用时间,如果两者之差 == 500 则基本上可以认定为比较正常,如果 > 500+ 则针对不同的值来判定cpu的繁忙状况(因为不同的机器,CPU处理能力不太一样,所以这个最多只是粗略的估算不完全准确,对系统的一些参数有较强的依赖性)

function cpuSimulator() { var J = 100,  getNow = function() {   return new Date().getTime();  }; !(function() {  var I = document.createElement("div"),   s = 50,   fn = function(l) {    l = 1;    var now = getNow();    var c = 1;    while (c < J) {     if (now > D + c*s) {      l++;     }     c++;    }    D = getNow();    I.innerHTML = "CPU:" + l/J * 100 + "%";   },   t = setInterval(fn, 500),   D = getNow();   I.style.cssText = "width:80px; height:20px; position:fixed !important; _position:absolute; top:10px; right:10px; border:1px solid #406c99; padding:2px; color:#f00;";   document.body.appendChild(I);   fn(); })();}

如果想判定的更为精准,那只能在定时器的执行时间和对差值的对比上进行调整了。

早在几年前ajax.com上就有人已经写出来这样的例子了。使用起来还比较简单,直接在你的需要监测的网页地址栏中输入:

复制代码 代码如下:
javascript:(function(s){s.type='text/javascript';s.src='http://www.3site.eu/JPU/IJPU.js';document.getElementsByTagName('head')[0].appendChild(s)})(document.createElement('script'));

在当前页面右上角会出现一个小图标,它分为5个等级,分别代表当前cpu高度任务的状况(过高则说明CPU使用率是比较高的,只能进行一个大概的估算,不是很精确)

这里有一个在线例子:

<html><head><script type="text/javascript" src="http://www.3site.eu/JPU/JPU.js"><!--// JPU - by WebReflection//--></script><script type="text/javascript"><!--//function randomString(){ for(var i = 0, a = []; i < Math.ceil(Math.random() * 123456789); i++)  a[i] = String.fromCharCode(Math.round(Math.random() * 50) + 30); return a.join("");};onload = function(){ setInterval(function(){  var div = document.getElementById("demo");  div.appendChild(document.createTextNode(randomString())); }, 300);};//--></script><style type="text/css">div{overflow:hidden;width:80%;height:80%;color:#FFF;}</style></head><body><div id="demo"></div></body></html>

它整个IJPU的代码比较简短,可以参考一下:

/* (C) Andrea Giammarchi */(function (J, P, U) { var a = 'appendChild',  c = 'createElement',  e = 'addEventListener',  d = document,  l = "load",  w = window; (function () {  var i = setInterval(function (l) {   l = 1;   D = new Date - D;   if (D > 700) l++;   if (D > 650) l++;   if (D > 600) l++;   if (D > 550) l++;   s(J = l < J ? --J : l);   D = new Date  }, 500),   b = d.body,   s = function () {    I.className = U + J   },   I = d[c]('p'),   C = d[c]('link'),   D = new Date;  C.rel = 'stylesheet';  C.type = 'text/css';  C.href = P + U + '.css';  s(b[a](C), b[a](I)); /*@cc_on setInterval(function(){I.style.top=document.body.scrollTop+"px"},50)@*/ })()})(5, 'http://www.3site.eu/JPU/', 'JPU');

希望本文所述对大家JavaScript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表