Javascript 如何使用jQuery淡入淡出文本？

这是我的代码：我想让var文本交叉淡入淡出

JS:

HTML:

<span id="changeText" class="italic bold">ease your mind.</span>

放松心情。

您可以使用

$.fadeIn

和

$.fadeOut

：

var text=[“放松你的头脑”，“集中注意力”，“睡得更好。”]；
var计数器=1；
var elem=document.getElementById（“changeText”）；
设定间隔（变更，2000年）；
函数更改（）{
$（元素）.fadeOut（400，函数（）{
$（elem）.html（文本[counter++]）.fadeIn（400）；
如果（计数器>=text.length）计数器=0；
});
}

放松心情。

您至少应该在尝试实现淡出的地方显示一些代码。如果您不想淡出元素，请将文本包装在一个span或div中，使用

fadeOut（）

，更改文本，然后使用

fadeIn（）

。这很管用，但为什么它会连续两次显示sleep better？哎呀。我使用了

++counter

而不是

counter++

，将

计数器

初始化为

0

。我现在修好了。

<span id="changeText" class="italic bold">ease your mind.</span>