<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+=\" > \"+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写的脚本运行速度分析小工具 继续浏览有关 的文章 上一篇:jQuery+CSS实现的很酷的星级评分特效 下一篇:JS退出时不占用父窗口的弹出窗口代码 相关代码 CSS3打造的很漂亮的loading特效 一款jQuery星级评分组件 DHTML实现简单的windows计算器 JS+CSS打造实用的收藏夹及站外分享功能 + 用em标签制作的三角形图标的特殊做法 + JS完整检测并获取IE浏览器信息 + CSS+JS仿iPhone手机滑动解锁特效 + jQuery实现的刮彩票兑奖特效 + JS进度条 + 自动生成FTP页面登录地址的js特效 + jQuery实现购物车物品数量的加减并自动计算价格 + JS+CSS结合打造的神奇炫彩下划线特效 + jQuery版考试题特效,显示进度 + JS+Table的调色板 + 复选框全选、全不选和反选的特效实现 + 一款JS制作的游戏网站的进度条效果