2回答

• 

  慕粉1350056005

  2016-10-21 12:56:57

  function getStyle(obj,attr){

  if(obj.currentStyle){//Ie浏览器

  return obj.currentStyle[attr];

  }

  else{

  return getComputedStyle(obj,false)[attr];//谷歌浏览器

  }

  }

  //调用示例：move(div1,{width:201,height:200,opacity:10},function(){alert('ddadasd');});

  function move(obj,json,fn){

  clearInterval(obj.timer);

  
  

  obj.timer=setInterval(function(){

  var flag=true;

  for(var attr in json){ 

  var icur=0;

  if(attr=='opacity'){

  icur=Math.round(parseFloat(getStyle(obj,attr))*100);

  }else{

  icur=parseInt(getStyle(obj,attr));

  }

  var speed=(json[attr]-icur)/8;

  speed=speed>0?Math.ceil(speed):Math.floor(speed);//取整

    if(icur!=json[attr]){//判断是否完成

    if(attr=='opacity'){//判断透明度

    obj.style.filter='alpha(opacity:'+(icur+speed)+')';//IE透明度

    obj.style.opacity=(icur+speed)/100;//谷歌透明度

    }else{

    obj.style[attr]=icur+speed+"px";

    }

    flag=false;

    }

   

   

   

    }

    if(flag){

    clearInterval(obj.timer);//清楚定时器

    if(fn){

    fn();//执行回掉函数

    }

    }

    },30);

  
  

  
  

  
  

  }

  
  

  0 0
• 

  慕粉1350056005

  2016-10-17 23:04:40

  var flag=true;放在循环外定时器内；

   if(flag){

          clearInterval(obj.timer);

         if(fn){

         fn();

         }

         }

  放在循环外

  2 0

  慕粉aida... 回复慕田峪592...

  var flag=true; 一定要放在定时器外面，因为函数一次遍历的过程消耗的事件>30ms，所以不是你所谓的放“循环外定时器内”，自己动手console.log() 输出看看就知道结果了

  2016-10-24 09:32:54

  共 2 条回复 >