javascript - Jquery 每 2 秒用数组中的单词替换文本

Question

我想每 2 秒用数组中的单词替换 id 为“单词”的跨度中的文本

$('#words').delay(1000).fadeOut(1000);
    $(this).delay(3000).text('word2').fadeIn(1000);
$(this).delay(5000).text('word3').fadeIn(1000);
$(this).delay(7000).text('word4').fadeIn(1000);

这就是我得到的，但显然它在 7 秒后停止工作。我该如何重复呢？或者甚至使用数组来保存单词。谢谢!

Answer 1

您可以使用 setInterval() 来执行此操作:

$(function () {
  count = 0;
  wordsArray = ["Beta", "Gamma", "Delta", "Alpha"];
  setInterval(function () {
    count++;
    $("#word").fadeOut(400, function () {
      $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
    });
  }, 2000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="word">Alpha</div>