Updates:2010-6-4 今天看到Wait也写了个时间测试代码程序,就回过头来看看自己曾经写的Watch对象代码,代码看起来有些丑陋了。修改了report方法,整合了下代码,使其简洁许多,去掉了一些不必要的创建DOM元素的操作,给report方法添加了个参数,用于确认把测试结果内容插入到哪个DOM元素里,默认是document.body,其他都没怎么修改。同时,这次修改也修改了一个小bug,就是在调用了report方法之后,没有清除原来的时间和结果内容。这样在页面中同时调用了几个report的时候,结果数据累加了。 最新版本:Watch_1_4.js。 ===================================================================== 近段时间,由于需要测试很多代码的执行时间比较,测试代码需要重复编写,感觉很繁琐和机械化,所以就干脆封装了一个测试代码执行时间的对象—Watch。 Watch对象提供了start、stop、report、fns、execByTimes五个方法。顾名思义,start和stop是储存代码开始执行和结束时的时间,report方法用于显示测试结果。其他两个方法接下来会介绍,也都是非常简单的,目的都是用于简化测试代码的重复性编写,并且它可以很简单的嵌入到其他代码中。在使用Watch对象的时候需要引入Watch.js文件:<script type=”text/javascript” src=”Watch.js”></script> 一个简单的示例如下: [javascript] Watch.start("Cost times:"); for(var i=0;i<10000;i++){ document.createElement("iframe"); } Watch.stop(); onload=function(){ //这句需要在onload事件中执行,因为需要插入DOM元素到document.body里。 Watch.report(); … 了解更多