将自动播放添加到此JS滑块

// 设置自动播放的间隔时间（单位为毫秒）
var autoplayInterval = 3000;

// 获取滑块元素
var slider = document.getElementById("slider");

// 定义自动播放函数
function autoplay() {
  // 获取当前滑块的索引
  var currentIndex = parseInt(slider.dataset.currentIndex);

  // 获取所有滑块项
  var items = slider.getElementsByClassName("slider-item");

  // 计算下一个滑块的索引
  var nextIndex = (currentIndex + 1) % items.length;

  // 切换到下一个滑块
  items[currentIndex].classList.remove("active");
  items[nextIndex].classList.add("active");

  // 更新当前滑块的索引
  slider.dataset.currentIndex = nextIndex;
}

// 启动自动播放
var autoplayTimer = setInterval(autoplay, autoplayInterval);

// 当鼠标悬停在滑块上时暂停自动播放
slider.addEventListener("mouseover", function() {
  clearInterval(autoplayTimer);
});

// 当鼠标离开滑块时恢复自动播放
slider.addEventListener("mouseout", function() {
  autoplayTimer = setInterval(autoplay, autoplayInterval);
});