javascript - 尝试为 setTimeout 淡入和淡出文本时遇到问题

Question

我一直在想办法为我的函数淡出和淡出文字。我还是 javascript 的新手，所以我真的想不出其他方法。即使我添加淡入淡出，我的代码仍然很难刷新，所以我正在寻求帮助。谢谢

var words = [
"Aaron",
"John",
"Megan"
];

index = 0;
function wordslide(){
    setTimeout(function(){
        $('.title-case:eq(0)').html('<div class="img-title">'+words[index]+'</div>').fadeIn();
    });
    index++;
    if (index == words.length) { index = 0}
        setTimeout(wordslide, 2000);
}
wordslide();

Answer 1

元素在创建时是完全可见的。尝试在 .fadeIn() 之前添加 .hide()，这应该会使名称淡入。

$('.title-case:eq(0)').html('<div class="img-title">'+words[index]+'</div>').hide().fadeIn();