Dieses Javascript von unserem User sfan funktioniert nur in modernen Browsern, die das canvas-Element unterstützen, so z. B. der Mozilla Firefox 4 oder Opera 11.

Bei dem CPU-Test werden via Javascript Diagramme gezeichnet, die die Auslastung der CPU anzeigen.

CPU-Test

CPU-Zeit:0
Diagramm:
Diagramm kann nicht angezeigt werden
Diagramm 2:
Diagramm kann nicht angezeigt werden
Diagramm 3:
Diagramm kann nicht angezeigt werden

<!-- präsentiert von kostenlose-javascripts.de --> <h1>CPU-Test</h1> CPU-Zeit:<a id='ct'>0</a><br /> Diagramm:<br /> <canvas id='cnv' width='1000' height='100' style='border-style:solid;border-width:1px;border-color:Gray'> Diagramm kann nicht angezeigt werden </canvas> <br /> Diagramm 2:<br /> <canvas id='cnv2' width='1000' height='100' style='border-style:solid;border-width:1px;border-color:Gray'> Diagramm kann nicht angezeigt werden </canvas> <br /> Diagramm 3:<br /> <canvas id='cnv3' width='1000' height='100' style='border-style:solid;border-width:1px;border-color:Gray'> Diagramm kann nicht angezeigt werden </canvas> <script type='text/javascript'> <!-- function Point(x, y) { this.x = x; this.y = y; } var a, b; a = b = 0; var c = document.getElementById("cnv"); var gfx = c.getContext('2d'); var lpos = new Point(0, c.height); gfx.fillStyle = '#FF0000'; gfx.strokeStyle = '#FF0000'; var c2 = document.getElementById("cnv2"); var gfx2 = c2.getContext('2d'); var lpos2 = new Point(0, c.height); gfx2.fillStyle = '#00FF00'; gfx2.strokeStyle = '#00FF00'; var counter = 0; var c3 = document.getElementById("cnv3"); var gfx3 = c3.getContext('2d'); var lpos3 = new Point(0, c.height); gfx3.fillStyle = '#0000FF'; gfx3.strokeStyle = '#0000FF'; var counter2 = 0; function ctime() { a = new Date().getTime(); var diff = a - b; document.getElementById("ct").innerHTML = diff; setTimeout("ctime()", 1); setTimeout("draw(" + diff + ")", 5); b = new Date().getTime(); } function draw(val) { var temp = new Point(lpos.x, lpos.y); temp.y = c.height - val; temp.x += 2; gfx.moveTo(lpos.x, lpos.y); gfx.lineTo(temp.x, temp.y); gfx.stroke(); if(temp.x > c.width) { temp.x = 0; gfx.beginPath(); var tmp = gfx.fillStyle; gfx.fillStyle = '#FFFFFF'; gfx.fillRect(0,0,c.width,c.height); gfx.fillStyle = tmp; } lpos = temp; if(counter >= 10) { var temp2 = new Point(lpos2.x, lpos2.y); temp2.y = c2.height - val; temp2.x += 2; gfx2.moveTo(lpos2.x, lpos2.y); gfx2.lineTo(temp2.x, temp2.y); gfx2.stroke(); if(temp2.x > c2.width) { temp2.x = 0; gfx2.beginPath(); var tmp2 = gfx2.fillStyle; gfx2.fillStyle = '#FFFFFF'; gfx2.fillRect(0,0,c2.width,c2.height); gfx2.fillStyle = tmp2; } lpos2 = temp2; counter = 0; } else { counter++; } if(counter2 >= 100) { var temp3 = new Point(lpos3.x, lpos3.y); temp3.y = c3.height - val; temp3.x += 2; gfx3.moveTo(lpos3.x, lpos3.y); gfx3.lineTo(temp3.x, temp3.y); gfx3.stroke(); if(temp3.x > c3.width) { temp3.x = 0; gfx3.beginPath(); var tmp3 = gfx3.fillStyle; gfx3.fillStyle = '#FFFFFF'; gfx3.fillRect(0,0,c3.width,c3.height); gfx3.fillStyle = tmp3; } lpos3 = temp3; counter2 = 0; } else { counter2++; } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/cpu-test/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">ctime();</script> <!-- präsentiert von kostenlose-javascripts.de -->