Javascript 我只想淡入/淡出数组中的术语列表一次

我试图使一些标题，将淡入淡出一次登录页，然后不再重复。这是我一直试图使用的代码。当然，它会永远重复。我是一个初学者，试图包含一个计数器变量，该变量将获取数组中最后一项的索引号，当达到该数字时，停止重复。通过这种方式，可以添加文本，而无需更新第n个项目编号

// after the last title in the array has been displayed, stop loop  
// +++++++++++++++++++ changeTitle

var titles = ["title zero", "title one", "title two", "title three",
    "title four", "title n"
];

function changeTitle() {  
    var ct = $("#title").data("term") || 0;

    $("#title").data("term", ct == titles.length - 1 ? 0 : ct + 1)
               .text(titles[ct])
               .fadeIn(200)
               .delay(500)
               .fadeOut(200, changeTitle);
}
$(changeTitle);

---

在html中的某些地方，您应该打开一个脚本标记，并在文档准备就绪后执行该标记。这是一种常见的jQuery模式

<script>
    $(document).ready(function() {
        changeTitle();
    });
</script>

$（文档）.ready（函数（）{
changeTitle（）；
});

这应该可以完成任务。由于您使用的是jQuery，因此不会引入任何新的依赖项。

---

请提供html代码也重现你的问题-谢谢你的解决方案！现在我将学习“每个”以及它是如何工作的。当然，我在寻找一个复杂的解决方案，但这种方法要好得多！：）

jQuery.each(titles, function( index, value ) {
   $("#title").fadeIn(200).delay(500).fadeOut(200, function() {
               $("#title").text(value);
    });
});