3回答

• 

  右下角_

  2016-07-08 16:30:02

  已采纳

  嘿嘿，最近有点忙，来晚了。这个问题我也没注意，最终发现，是obj.timer = null;clearInterval(obj.timer);这里两句出了问题，当obj.timer=null;时，后者 相当于clearInterval(null)。有没有发现问题呢？对，就是这样导致后者并没有将原有定时器结束，而obj.timer=null，本身只是将obj.timer 指向了一个空值，亲测它没有结束定时器的能力。也就是说当前一个定时器没有结束的时候，再次触发事件，仍然会导致定时器的叠加。解决办法就是将obj.timer=null;这一句去掉就可以了。

  总结而言其实就是clearInterval(timer)和timer = null的区别：

  clearInterval(timer)用来终止正在进行中的计时器，timer=null把句柄timer指向一个空值，前一种是可以复用，而后者一般情况下仅在最初声明timer时使用。

  好了，我了解的也就这么多了

  
  

  2 0

  飞天意大利面...

  非常感谢！

  2016-07-08 16:45:38

  共 2 条回复 >

• 

  飞天意大利面神兽

  2016-07-06 15:13:56

  如果这些东西都能去直接抄，去百度粘贴复制，

  那我们为何还在此学习？意义何在？

  同样，这个问题也不会被提出来。

  0 0
• 

  明天___你好

  2016-07-06 15:02:11

  你写的实在太乱，我这里总结好了，你直接拿去

  //获取元素当前样式
  function getStyle(obj,attr){
      if (obj.currentStyle) {
          return obj.currentStyle[attr];                         //IE浏览器
      }else{
          return getComputedStyle(obj,false)[attr];            //火狐浏览器
      }
  }
  //完美运动框架（支持链式运动，也支持同时运动特效）
  
  /*
  //json格式
  var json = {name1:'1111',name2:'2222'};
  //遍历获取每条数据
  for(var i in json){
      i             =   name值
      json[i]      =    key值
  }
  */
  function startMove(obj,json,fn){
      //假设所有运动都到达目标值
      var torger = null;
      clearInterval(obj.timer);
      obj.timer = setInterval(function(){
          for(var attr in json){
              //1.获取当前值
              var icur = 0;
              if (attr == 'opacity') {
                  icur = Math.round(parseFloat(getStyle(obj,attr))*100);
              }else{
                  icur = parseInt(getStyle(obj,attr));
              }
              //2.算速度(缓冲运动，运动的正负)
              var speed = (json[attr]-icur)/8;
              speed = speed>0?Math.ceil(speed):Math.floor(speed);
              
  
              //3.检测停止
              //如果所有的运动都没有到达终点,torger为false
              if (icur != json[attr]) {
                  torger = false;
                  
              }else{
                  torger = true;
              }
              //如果所有的运动都没有到达终点，继续运行程序
              if (attr == 'opacity') {
                  obj.style.filter = 'alpha:(opacity:'+icur+speed+')';
                  obj.style.opacity = (icur+speed)/100;
              }else{
                  obj.style[attr] = icur + speed +'px';
              }
              
          }
          if (torger) {
              clearInterval(obj.timer);
              if (fn) {
                  fn();
              }
          }
      },30);
      
  }

  
  

  0 0