JavaScript写的脚本运行速度分析小工具-综合应用-代码家园

<html>
<head>
<title>JavaScript写的脚本运行速度分析小工具</title>
<style>
* { font-size:12px; font-family:Arial, 宋体; }
body { overflow:auto; background-color:buttonface; }
textarea { overflow:auto; width:100%; border:1px solid #444; }
.text { height:16px; font-size:11px; border:1px solid #444; margin:0px 10px; padding:0px 5px; }
.button { height:16px; font-size:11px; border:1px solid #444; margin:0px 10px; padding:0px 5px; }
#txt_pre_js { height:40px; }
#txt_js { height:200px; }
#txt_repeat_count { width:40px; }
#txt_loop_count { width:80px; }
#output { height:140px; background-color:white; border:1px solid #444; overflow:auto; }
</style>
<script>
var timer = [];
function $(s){ return document.getElementById(s); }
function go(){
 var ii = $("txt_repeat_count").value;
 $("output").innerHTML = "";
 timer = [];
 var test = new Function($("txt_pre_js").value+"\r\nvar d = new Date();for (i=0; i<"+$("txt_loop_count").value+"; i++){"+$("txt_js").value+"};var dt=(new Date()).getTime()-d.getTime();$(\"output\").innerHTML+=\" &gt; \"+dt+\"<br/>\";timer.push(dt);if(timer.length>="+ii+")output();");
 for (i=0; i<ii; i++) setTimeout(test);
}
function output(){
 var s = 0;
 for (var i=0; i<timer.length; i++) s+= timer[i];
 $("output").innerHTML += (s / timer.length / $("txt_loop_count").value * 1000).toFixed(3) + " / 每百万次执行";
}
</script>
</head>
<body>
<div>预执行脚本：</div>
<div>
 <textarea id="txt_pre_js"></textarea>
</div>
<div>循环<input type="text" id="txt_loop_count" class="text" value="10000">次：</div>
<div>
 <textarea id="txt_js"></textarea>
</div>
<div>
 重复执行<input type="text" id="txt_repeat_count" class="text" value="5">次
 ->
 <input type="button" value="开始" class="button" onclick="go();" />
</div>
<hr/>
<div>执行结果：</div>
<div id="output"></div>
</body>
</html>

<p align="center">本特效由 <a href="http://www.daimajiayuan.com" target="_blank">代码家园</a>丨 收集于互联网，只为兴趣与学习交流，不作商业用途。来源：源码爱好者</p>

提示：可以先修改部分代码后再运行

转载请注明：代码家园 » JavaScript写的脚本运行速度分析小工具

相关代码