javascript - 加载条的动画无限循环

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
  });

}

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