JQuery:使数组中的一系列字符串按顺序淡入和淡出

// HTML结构
<div id="fade-container">
  <div class="fade-item">字符串1</div>
  <div class="fade-item">字符串2</div>
  <div class="fade-item">字符串3</div>
</div>

// CSS样式
.fade-item {
  display: none;
}

// JavaScript代码
$(document).ready(function() {
  var fadeItems = $('.fade-item'); // 获取所有fade-item元素
  var currentIndex = 0; // 当前显示的元素索引

  function fadeNext() {
    fadeItems.eq(currentIndex).fadeOut(500); // 当前元素淡出
    currentIndex = (currentIndex + 1) % fadeItems.length; // 更新索引
    fadeItems.eq(currentIndex).fadeIn(500); // 下一个元素淡入
  }

  // 初始状态，第一个元素淡入
  fadeItems.eq(currentIndex).fadeIn(500);

  // 定时器，每隔2秒执行一次fadeNext函数
  setInterval(fadeNext, 2000);
});