Javascript 使用setTimeout在无限循环中创建

我试图弄清楚，在到达列表的最后一项后，如何重新启动循环。基本上，它每隔3秒将类

活动
传递给下一个同级。当它到达最后一项时，我如何使它传递到列表中的第一项

我在想也许我可以在程序中使用
if/else
而不是
for
循环


$（文档）.ready（函数（）{
函数durationSlider（）{
var listItems=$（'.loop ul li'）.length；
对于（count=0；count我将使用
setInterval
而不是带有
setTimeout
的for循环。在间隔内，我们可以添加一个if条件，在到达列表末尾时重置计数


$（文档）.ready（函数（）{
函数durationSlider（）{
var listItems=$（'.loop ul li'）.length；
var计数=0；
setInterval（函数（）{
$（'.loop ul li.active'）.removeClass（'active'）；
$（'.loop ul li:eq（'+count+'））.addClass（'active'）；
控制台日志（计数）；
计数+=1；
如果（计数>=列表项）{
计数=0；
}
}, 3000);
}
持续时间滑块（）；
})

/*http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
许可证：无（公共域）
*/
html、正文、div、span、小程序、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
身体{
线高：1；
}
ol，ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
李先生{
颜色：绿色；
-webkit过渡：颜色1s线性；
}
.loop ul li.active{
-webkit过渡：颜色1s线性；
颜色：红色；
}


1
二,
三,
四,

使用纯JavaScript代码

function start() {

    setTimeout(function() {
        console.log('Hello My Infinite Loop Execution');

      // Again
      start();

      // Every 3 sec
    }, 3000);
}

// Begins
start();

如果您试图使用
setTimeout
进行无限循环，您可能不想使用
setInterval
代替。谢谢您的回答，对不起，我不知道使用
setTimeout
和
setInterval
有什么区别？
setTimeout
是指定毫秒数后的一次性执行。
 setInterval
将以指定的毫秒数每次执行（直到它以
clearInterval
停止）。