亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

利用JavaScript檢測(cè)CPU使用率自己寫的

 更新時(shí)間：2014年03月22日 14:47:59   作者：  
這篇文章主要介紹了自己寫的一個(gè)利用JavaScript檢測(cè)CPU使用率的方法,需要的朋友可以參考下
之前在玉伯的Github Issues里看到了使用JS檢測(cè)CPU使用率的方法，覺得很贊。
特別自己實(shí)現(xiàn)了一下，另外加了一個(gè)繪制直方圖的功能可以直觀看到CPU使用率的情況。

效果請(qǐng)見：傳送門

實(shí)現(xiàn)思想

其實(shí)就是setInterval，利用當(dāng)前時(shí)間減去上一次執(zhí)行timer記錄的時(shí)間，得到時(shí)間差來反映CPU的延遲，側(cè)面反映了CPU的使用率。
復(fù)制代碼 代碼如下:

var data = [],t;
var cpuTimer = setInterval(function(){
t && data.push(Data.now()-t);
t = Data.now();
},500);

理論上得到data應(yīng)為[500,500,500,500,500...],但實(shí)際上CPU肯定會(huì)略微延遲,data可能為[501,502,502,501,503...]。如果CPU使用率很高的話,延遲會(huì)很大,data就會(huì)變?yōu)閇550,551,552,552,551...]。通過判斷data的變化可以初步推斷CPU的使用率。

使用直方圖直觀表示CPU使用率

我們通過繪制data的直方圖，可以看到數(shù)據(jù)的波動(dòng)情況。當(dāng)直方圖中某一時(shí)段數(shù)值陡升，證明那一時(shí)刻CPU使用率較高。
復(fù)制代碼 代碼如下:

function drawHisto(data){
var cvs = document.getElementById('canvas');
ctx = cvs.getContext('2d');
var width = cvs.width,
height = cvs.height,
histoWidth = width / size;

// 重繪直方圖
ctx.fillStyle = "#fff";
ctx.fillRect(0,0,width,height);
ctx.beginPath();
ctx.lineWidth = histoWidth/2;
ctx.strokeStyle = '#000';
for( var i = 0, len = data.length; i < len; i++){
var x = i * histoWidth,
// +5、/20、-10只是為了顯示效果,
// ~~為數(shù)值取整相當(dāng)于Math.floor()
y = ~~( (data[i] - speed + 5) / 20 * (height-10) );
ctx.moveTo( x+histoWidth/2, height );
ctx.lineTo( x+histoWidth/2, height-y );
ctx.stroke();
}
}

相關(guān)文章

最新評(píng)論