将此滑块设置为自动播放

<div id="slider">
  <!-- 滑块内容 -->
</div>

#slider {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

var slider = document.getElementById("slider");
var currentIndex = 0;
var slides = slider.getElementsByClassName("slide"); // 获取滑块内容的元素集合

function playSlider() {
  // 切换到下一张滑块内容
  currentIndex = (currentIndex + 1) % slides.length;
  slider.style.transform = "translateX(-" + (currentIndex * 100) + "%)";
}

// 每隔一定时间调用playSlider函数切换滑块内容
var interval = setInterval(playSlider, 3000);

// 当用户与滑块交互时，停止自动播放
slider.addEventListener("mouseover", function() {
  clearInterval(interval);
});

// 当用户结束交互时，恢复自动播放
slider.addEventListener("mouseout", function() {
  interval = setInterval(playSlider, 3000);
});