Jquery 一个句子中每个单词的动画制作更快的方法？

我想我可能需要一些CSS或Jquery方面的帮助，哪一个代码量最少，效率更高。基本上，我想把一个句子的每个单词一个接一个地换成不同的颜色。让我们假设一个句子有5个单词。第一个单词变为红色，然后变回黑色，第二个单词在第一个单词恢复到其原始颜色后变为红色，然后在无限循环中继续返回第一个单词。我想不出来，所以任何帮助都会很棒。谢谢

到目前为止，我有：

.element1{
动画：脉冲1s无限；
动画延迟：1s；
}
.要素2{
动画：脉冲1s无限；
动画延迟：1s；
}
.要素3{
动画：脉冲1s无限；
动画延迟：1s；
}
.要素4{
动画：脉冲1s无限；
动画延迟：1s；
}
.要素5{
动画：脉冲1s无限；
动画延迟：1s；
}
.要素6{
动画：脉冲1s无限；
动画延迟：1s；
}
@关键帧脉冲{
0% {
颜色：黑色；
}
100% {
颜色：红色；
}
}

虽然，这个问题不是很清楚，但根据我的理解，我试图给大家提供首字母缩写

var语句=$（'div#content'）.text（）；
变量词=句子分割（“”）；
var spanWords=[]；
$（单词）。每个（函数（i，单词）{
如果（$.trim（word）.length）
{
变量范围=$（''）；
span.文本（word）；
spanWords.push（span）
spanWords.push（“”）
}
});
$（'div#content'）.html（spanWords）
var start=函数（元素）{
if（element.next（）.length）{
setTimeout（函数（）{
css（{color:#000}）；
开始（element.next（））
},1000);
}
css（{color:#f00}）；
}
开始（$（'div#content span:eq（0）'）

你好，世界。你很美。

欢迎来到SO。请仔细阅读。因此，这不是一个免费的编码或教程服务！你必须表明你在解决自己的问题上付出了一些努力。你说的“更快的方法”和“哪个更快”是什么意思？如果动画太快，用户将只看到模糊。请您的问题描述动画中每个步骤的毫秒延迟，并描述您已经尝试实现它的内容。对不起，在我看来，我认为这篇文章有一个简单的jquery动画答案。我想的是$（''）.animate（'name'）和一些动画延迟值，然后有了答案。我在想简短的回答=简短的问题。再一次抱歉，我不会再这样做了。非常感谢你，很抱歉这个糟糕的问题。