Javascript 尝试使一个简单的动画重置到其开始位置，然后重新开始。

从本质上说，尝试让一个基本的滑动条随着时间的推移在页面上移动，然后当它到达末尾时，向后滑动，然后重新开始。我可以让它向后滑动，而不是重新开始。非常感谢你的帮助

下面是我要说的：以及下面的代码

CSS：

.slider {
height:0;
width:16.6%;
z-index:31;
padding-top:1%;
background-color:#398235;
position:relative;
}

.base {
text-align:left;
height:0;
width:100%;
z-index:30;
padding-top:1%;
border-top:1px solid #398235;
background-color:#c9de96;
-moz-box-shadow: 3px 3px 5px #888;
 -webkit-box-shadow: 3px 3px 5px #888;
 box-shadow: 3px 3px 5px #888;
 }

HTML：

    <div class="base">
                <div class="slider"><br></div>
            </div>

---

您使用

intervalID

作为函数，但它是整数，我已经更新了您的代码

---

请在这里发布你的代码，因为链接可能会随着时间的推移而改变。太好了，这几乎正是我想要的。对于让滑块在返回开始之前等待3.5秒（其他动画的过渡时间），您有什么建议？

var x = 0;

var resetSlide = function() {
$('.slider').animate({left:'-=83.3%'}, 1000)

if (x === 0) {
    intervalID();
  }
 }


var intervalID = setInterval(function () {

$('.slider').animate({left:'+=16.66%'}, 1000)

if (++x === 5) {
   window.clearInterval(intervalID);
    x = 0;
    resetSlide();     
 }
}, 3500);



$(intervalID());

var x = 0;

var resetSlide = function() {
    $('.slider').animate({left:'-=83.3%'}, 1000)

    if (x === 0) {

        go();
    }
}

function go(){
var intervalID = setInterval(function () {

   $('.slider').animate({left:'+=16.66%'}, 1000)

   if (++x === 5) {
       window.clearInterval(intervalID);
        x = 0;
        resetSlide();     
   }
}, 35000);

}
go();