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

前端技术 2023/09/07 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/19073

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案