动画无限循环加载条

Question

我遇到了使用JQuery代码进行无限循环的问题。

我基本上需要我的代码从-100到100然后再回到-100再次重复该过程，这些是我为加载轮动画所需的值。

我还是JQuery的新手，但是我正在使用的代码

for(var i =0; i< 99; i++){
    $({someValue: -100}).animate({someValue: 100}, {
      duration: 3000,
      easing:'swing', // can be anything
      step: function() { // called on every step
          // Update the element's text with rounded-up value:
          $('#el').text(Math.round(this.someValue));
      }
  });
}

<div id="el"></div>

的jsfiddle： http://jsfiddle.net/4v2wK/116/

Answer 1

创建无限动画的最简单方法是：

function doAnimation(){

  $("selector").animate({/* ... */}, {
      /* ... */
      complete: doAnimation
  });

}

这样，当动画完成时，它将再次调用动画。