jQuery在Chrome和Firefox的测试

简单的一个测试, 页面有六个div,都非常lite:

 <div class="box yellow-box">this is success <a id="a5" href="#" title="">div</a></div>

写了一个jQuery的extend function:

1 jQuery.fn.extend({
  blink: function(times, fadeOutTime, fadeInTime){
   times = times ? times : 1;
   fadeInTime = fadeInTime ? fadeInTime : (fadeOutTime = fadeOutTime ? fadeOutTime : 200);//fadeOutTime;
   for(var i=0;i<times;i++)
    this.fadeOut(fadeOutTime).fadeIn(fadeInTime);
  }
 });

分别进行如下的测试. 50次fadeOut then fadeIn操作(就是闪烁), 两个参数分别为fadeOut和fadeIn的时间.

 $('#a5').click(function(){
  $('div').blink(50, 200, 1000);
 
 });
 

 

测试分两种情况,一种时间都是0.1s,第二种是0.2秒和1秒:

1. Firefox下200-100的情况:

2. Firefox下100-100的情况:(该图不是截取的峰值,峰值也为50%)

3. Chrome下200-1000到情况:

4. Chrome下100-100到情况:

测试环境:

Chrome版本:0.2.153.0
Firefox版本: 3.0.1
本本配置: T2300 1.66G 双核 / 内存2.5G / 32-bit windows server 2008 企业版 with sp1

IE8不用测了,cpu彪到平均75%

测试结果大家自个儿体会体会吧, 用V8的时候是不是得注意点什么了?