Javascript 循环，用于每秒不正确显示的图像循环

我目前正在使用一个函数来循环图像

在每个图像更改上，图像应淡出，然后为下一个图像设置反弹点的动画

如果你看我的代码，它现在第一次工作，如果你看注释掉的代码，它第二次工作，而不是第一次，但它停止淡出/动画图像和堆叠他们在彼此的顶部

函数环映像{ //初始淡入时间（毫秒） var initialFadeIn=1000； //项目之间的间隔（毫秒） var itemInterval=6000； //交叉淡入淡出时间（毫秒） var fadeTime=1000； //清点物品数量 变量numberOfItems=$'.explainerItem'.length； //设置当前项 var currentItem=0； //显示第一项 //$'.explainerItem'.eqcurrentItem.fadeIninitialFadeIn； //循环浏览项目 var InfiniteLop=setIntervalfunction{ //$'.explainerItem'.eqcurrentItem.fadeOutfadeTime； $'.explainerItem.eqcurrentItem.toggleClass'bounceInUp'； $'.explainerItem.eqcurrentItem.addClass'fadeOut'； 如果currentItem==numberOfItems-1{ currentItem=0； }否则{ currentItem++； } $'.explainerItem.eqcurrentItem.removeClass'fadeOut'； $'.explainerItem.eqcurrentItem.css'display'，'inline'； $'.explainerItem.eqcurrentItem.toggleClass'AnimatedBounceInUp'； //$'.explainerItem'.eqcurrentItem.fadeInfadeTime，函数{ /*$this.toggleClass'animated bounceInUp'*/ // }; /*$'.explainerItem'.removeClass'fadeOut'； $'.explainerItem'.css'display'，'none'*/ }，项目间隔； } 循环图像； //$'.explainerItem.activefunction{*/ //$'.explainerItem'.addClass'AnimatedBounceInUp'*/ //};

---

HTML标记中没有.explainerItem类。顺便说一句，您应该真正地缓存它，因为您会发出非常重复的DOM请求。缓存$'.explainerItem'将其存储在变量中一次将极大地提高性能。在.explainerItems上添加正确的类后，以下是您的代码所做的：-不确定它实际应该做什么：此外，您没有发布任何CSS，所以我临时编写了。explainerItem类现在存在于我的html中。第二个/第一个循环的行为仍然不同。它要么完美地循环一次，要么在第一个或第二个循环上堆叠图像/不按正确顺序执行动画它将淡入、消失、重新出现动画我的注释代码在第二个循环上工作，动画被破坏。当前代码在第一个循环中运行良好，但在第二个循环中，图像堆叠起来，不会褪色。定义不同。你觉得我用你的代码制作的笔怎么样？很好，不是吗？