Javascript 为加载条设置无限循环动画

我在使用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>

for（变量i=0；i<99；i++）{
$（{someValue:-100}）。设置（{someValue:100}）动画{
时长：3000，
放松：'swing'，//可以是任何东西
步骤：对每个步骤调用函数（）{//
//使用四舍五入值更新元素的文本：
$（'#el'）.text（Math.round（this.someValue））；
}
});
}

jsfiddle：

---

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

function doAnimation(){

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

}

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