我正在尝试编写jQuery/JavaScript代码，这些代码会在一个单词列表中消失在网页中

我正在尝试编写一些JavaScript/jQuery代码，这将使网页中的

元素能够循环浏览单词列表。这些话会淡入淡出。我不能让它工作。我认为while语句运行得太快，没有停止。有人能帮忙吗；我花了一个小时试图修好它

var x=5；
var=10；
var words=[“猫”、“狗”、“鱼”]；
while（调用>0）{
设定间隔（myfunc，2000年）；
calls=calls-1；
}
函数myfunc（）{
如果（x>2）{
x=0；
}
$（“h1”）.fadeToggle（5000）.html（单词[x]）；
x=x+1；
}

---

我会用另一种方式，例如使用

for

循环和

等待

播放动画：

const words=[“猫”、“狗”、“鱼”]，
$text=$（$h1.myText”）；
const run=async（）=>{
为了（让一个字一个字）{
console.log（“word=“+word”）
$text.hide（）.text（word）；
等待$text.fadeIn（2000）.promise（）
等待$text.fadeOut（2000）.promise（）
}
}
运行（）

h1{
字体大小：3rem；
颜色：绿色；
}

---

setInterval每x秒运行一次，直到清除为止。实现目标的一种方法是使用setTimeout（），它只在x秒后运行一次，或者删除while块，并在函数内多次调用后停止间隔，如下所示：

var x=5；
var=10；
var words=[“猫”、“狗”、“鱼”]；
var interval=setInterval（myfunc，2000年）；
函数myfunc（）{
如果（x>2）{
x=0；
}
$（“h1”）.hide（）；
$（“h1”）.html（words[x]）.fadeToggle（2000）；
x=x+1；
calls=calls-1；
如果（调用<0）{
间隔时间；
}
}

谢谢你的帖子，它真的很有帮助。我添加了一个while循环，它可以连续运行。现在我需要知道什么是承诺和等待。不客气！如果这解决了您的问题，请不要忘记将答案标记为已接受。有关async/await的有趣阅读：谢谢。你让我意识到我用setInterval而不是setTiimeout浪费了3个小时的生命。