Javascript I'；I’我试着让这段文字在旧文字上淡出，在新文字上淡入

我试图让文本淡出，但在新文本更改后又重新出现。我想知道我的代码在文本出现的地方有什么错误，然后消失，然后以一种丑陋的方式重新出现。。。如何修改此代码？多谢各位

你可以查看我正在开发的网站

var text=[“有时为了打造全新的东西，你必须摧毁一切。”，“因此，我们决定摧毁旧的做事方式，彻底重新设计反叛。”；
var计数器=0；
var elem=document.getElementById（“changeText”）；
设置间隔（更改，8000）；
$（elem.fadeIn（）；
函数更改（）{
$（elem.fadeOut（）；
elem.innerHTML=文本[计数器]；
计数器++；
如果（计数器>=text.length）{counter=0；}
$（elem.fadeIn（）；
}

用以下内容替换change（）函数：

function change(){
    $(elem).fadeOut(400, function() {
        elem.innerHTML = text[counter];
        counter++;
        if(counter >= text.length) { counter = 0; }
        $(elem).fadeIn();
    });
}

---

说明：淡出功能立即返回，而不是等待淡出完成。您需要将回调传递给fadeOut，使您的更改等待到fadeOut实际完成。

非常感谢您的快速回复。正如您所描述的，我已经更改了函数，尽管我是一个新手，不完全确定如何将此回调传递给fadeOut。您可以刷新页面以查看新的更改。对不起，我的语法错误。试试我现在有的。非常感谢！你修好了！我会投你+1票，但我的声誉现在太低了。

function change(){
    $(elem).fadeOut(400, function() {
        elem.innerHTML = text[counter];
        counter++;
        if(counter >= text.length) { counter = 0; }
        $(elem).fadeIn();
    });
}