Javascript 使用脚本或CSS动画替换/旋转句子中的多个单词

我试图在我的网站（Wordpress）上替换/轮换段落中的几个不同单词。我找到了一个脚本，它允许我更改一组单词，但无法确定如何更改下一组单词

var words=[“一”、“二”、“三”]；
var i=0；
var text=“一”；
函数_getChangedText（）{
i=（i+1）%words.length；
console.log（字[i]）；
控制台日志（i）；
返回文本。替换（/one/，单词[i]）；
}
函数_changeText（）{
var txt=_getChangedText（）；
console.log（txt）；
document.getElementById（“changer”）.innerHTML=txt；
}
setInterval（“_changeText（）”，3000）
数到一和（四，五，六）和（七，八，九）。
不清楚你到底在找什么


var words=[“一”、“二”、“三”]；
var i=0；
var-cnt=0；
var text=“一”；
函数_getChangedText（）{
i=（i+1）%words.length；
返回单词[i]；
}
函数_changeText（）{
var txt=_getChangedText（）；
//console.log（document.getElementsByClassName（“changer”）[cnt]）；
document.getElementsByClassName（“changer”）[cnt].innerHTML=txt；
cnt++；
cnt=cnt%2；
}
对于（让i=0；i这可能是您想要的。如果您了解此代码的工作原理，您可以轻松地扩展此代码。我添加了注释以便您能够理解它

如果这对你有帮助，请考虑赞成这个答案。

；//这是一个用作哈希映射的javascript对象
变量变更列表={
“一”：“二”，
"二":"三",，
"三":"四",，
“四”：“五”，
“五”：“六”，
“六”：“七”，
“七”：“八”，
“八”：“九”，
// ...
}
函数_changeText（）{
设els=document.queryselectoral（'.wordchanger'）；
//迭代所有.word changer元素
for（设i=0；i


数到一、四、六。
我创建了一个名为的库，用于处理内联文本循环。它可以用来实现您想要的内容，并且可以通过标记进行完全配置

下面是您的标记的外观


计入
和
和
.
_可循环的；

这就是结果

逻辑将比当前代码更复杂。您将需要一个二维单词数组和多个在行中具有id的changer元素。您需要两个循环：第一个循环遍历元素，第二个循环遍历二维数组的单词，然后继续..我正在寻找三组单词的替代品（一，二，三），（四，五，六）和（七，八，九），使它们在句子中不断循环。