js中如何解决 函数终止

Question

<input type="file" onchange="do_css();">

var number = 1;

function do_css(){

var i= 1;

     setInterval(function(){

     

        $(".div_"+number).css({'width':i+'%'})

     i = i+1;

     

     },1000)

      

    

    

    number+1;

    

}

想要实现的就是input触发change后就开始进行动画(代码所示，每次触发都是不同元素的进行动画)

可后来发现个问题，第一次触发事件后开始动画效果，如果这个时候紧接着触发第二次事件，那么上一次触发事件的的动画就会立即停止，只有后面触发的才会正常进行，这是怎么回事，如上代码重整的话应该怎么写呢？

Answer 1

后面那个number+1应该改为number+=1吧兄弟， 间隔调用最后执行，函数先加1 然后计时器里面的number才会随着你外面的值改变，这是我发现的一个问题。希望对你有用。