Javascript 如何在这个txt更改循环中添加淡入/淡出？

您看到的内容当前正在运行，但只是更改了txt。 正如你所看到的，我试图使文本在每次更改时淡入淡出。 坦率地说，我不知道该如何处理这件事；必须有一个简单的添加到我的代码。环顾四周，我只看到了让我从头开始的例子

$(document).ready(function(){
var slogan = [];
            slogan[0] = "Canopy Sports";
            slogan[1] = "Ads";
            slogan[2] = "Vidoes";
            slogan[3] = "Shananigans";

                    var newSlogan = document.getElementById("slogan");

            // generate a # between 1 &4
            function generateRandomNumber(){
                return Math.floor(Math.random()*slogan.length)+1;
            }

            function updateslogan () { 
                // var interval = generateRandomNumber();
                newSlogan.innerHTML = slogan[generateRandomNumber()-1]
            }


            updateslogan();

            function getNew () {
                // var interval = generateRandomNumber();
                fade = $(updateslogan).fadeIn("slow", function(){
      $(this).fadeOut("slow")
    });
            }                                                                                                                                                                                                                                                                                                                                                               

            setInterval(getNew,4000);
});

---

我必须使用淡入/淡出，谢谢

您可以使用该方法

$(this).fadeToggle();

这将使它在每次更改时淡入或淡出

$(document).ready(function () {
    var slogan = [
        "Canopy Sports",
        "Ads",
        "Vidoes",
        "Shananigans"
    ],
    newSlogan = $("#slogan");

    function getNew() {
        newSlogan.html(slogan[Math.floor(Math.random() * slogan.length)])

        newSlogan.fadeIn("slow", function () {
                $(this).fadeOut("slow")
        });
    }

    setInterval(getNew, 4000);
});

---

漂亮！看起来很酷！你的代码比我的方法更干净；非常感谢你！