如何将淡入淡出效果添加到此javascript代码中 var text=[“欢迎”、“嗨”、“超级帅哥”]； var计数器=0； var elem=document.getElementById（“changeText”）； 设置间隔（更改，1000）； 函数更改（）{ elem.innerHTML=文本[计数器]； 计数器++； 如果（计数器>=text.length）{counter=0；} }

如何将淡入淡出效果添加到此javascript代码中？还有，我如何让它以“欢迎”开头而不是空白？非常感谢您的帮助。

如果您不想添加jQuery

 <div id="changeText" ></div>
<script type="text/javascript">
var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
setInterval(change, 1000);
function change() {
 elem.innerHTML = text[counter];
    counter++;
    if(counter >= text.length) { counter = 0; }
}
</script>

---

请参见

您也可以通过覆盖opChange函数来添加该选项。达到不透明度级别1后减少不透明度所需的小逻辑

    var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
elem.style.opacity = 0;
var opCounter = 0;
setInterval(change, 3000);
function change() {
 elem.innerHTML = text[counter];
    setInterval(opChange, 300);
    counter++;
    if(counter >= text.length) { counter = 0; }
    elem.style.opacity = 0;
    opCounter = 0;
}
function opChange(){
        elem.style.opacity = opCounter;
    opCounter = opCounter + 0.1;
}