Javascript 带循环的jQuery字体彩色动画

我需要一个没有CSS3函数的jQuery彩色动画

我把这个编码了：

功能按钮_选择（）{
设置超时（按钮选择，800）；
setTimeout（函数（）{$（“.color”）.css（“color”，“yellow”）；}，200）；
setTimeout（函数（）{$（“.color”）.css（“color”，“blue”）；}，400）；
setTimeout（函数（）{$（“.color”）.css（“color”，“red”）；}，600）；
setTimeout（函数（）{$（“.color”）.css（“color”，“green”）；}，800）；
}
设置超时（按钮选择，0）

你好，世界，我爱你们所有人。
我同意这一点


const colors=[“黄色”、“绿色”、“蓝色”、“红色”]
常数间隔=200；
颜色。forEach（（颜色，索引）=>{
setTimeout（（）=>{$（'.color'）.css（“color”，colors[index]）}，index*INTERVAL）
})

你好，世界您可以将所有颜色存储在一个数组中，然后使用增量变量为颜色分配索引

您还可以使用setInterval而不是setTimeout


功能按钮_选择（）{
让颜色=[“黄”、“蓝”、“红”、“绿”]；
设指数=0；
$（“.color”）.css（“color”，colors[index]）；
设置间隔（（）=>{
++指数；
如果（索引>=colors.length）索引=0；
$（“.color”）.css（“color”，colors[index]）；
}, 1000);
}
设置超时（按钮选择，0）

你好，世界，我爱你们所有人。
你们不需要jQuery。制作一个计数器，每n毫秒递增一次，并根据计数器状态设置颜色


const元素=document.querySelector（'.color'）；
常量颜色=[‘黄色’、‘蓝色’、‘红色’、‘绿色’]；//你想要的颜色
常数colorDuration=200；//颜色的持续时间（毫秒）
设colorIndex=0；
函数switchColor（）{
element.style.color=颜色[colorIndex++%colors.length]；
}
switchColor（）；
设置间隔（切换颜色、颜色持续时间）
你好，世界，我爱你们。
包装一个数组，并将键/值对分配给要迭代的值。然后使用
$.each（）
在函数中迭代该数组


功能按钮_选择（）{
设置超时（按钮选择，800）；
让颜色={“黄”：200，“蓝”：400，“红”：600，“绿”：800}；
$。每个（颜色、功能（键、值）{
setTimeout（函数（）{$（“.color”）.css（“color”，key）；}，值）；
});    
}
设置超时（按钮选择，0）

你好，世界，我爱你们所有人。
也许这对你们有用：


const-CONFIG={
颜色：[“黄色”、“蓝色”、“红色”、“绿色”]，
速度：200
};
功能按钮_选择（）{
设计数器=0；
设置间隔（（）=>{
$（“.color”）.css（“color”，CONFIG.colors[counter]）；
计数器=计数器


你好，世界，我爱你们。
Thaaaaanks！太好了，Thaaaanks！不客气，很高兴它起了作用。我花了一分钟的时间才意识到$.each（）和.each（）之间的区别，其中第一个提到的迭代一个数组，第二个迭代一组元素。