如何在滑块中添加自动滚动

// 获取滑块容器元素
const sliderContainer = document.getElementById('slider-container');

// 定义滚动速度和滚动距离
const scrollSpeed = 10; // 滚动速度，单位为像素/毫秒
const scrollDistance = 1; // 每次滚动的距离，单位为像素

// 定义计时器
let timer;

// 启动自动滚动
function startAutoScroll() {
  // 清除之前的计时器，避免重复启动
  clearInterval(timer);
  
  // 启动计时器，每隔一段时间执行一次滚动动作
  timer = setInterval(scroll, scrollSpeed);
}

// 执行滚动动作
function scroll() {
  // 判断是否需要滚动到末尾
  if (sliderContainer.scrollLeft >= sliderContainer.scrollWidth - sliderContainer.clientWidth) {
    // 已经滚动到末尾，重置滚动位置到起始位置
    sliderContainer.scrollLeft = 0;
  } else {
    // 滚动到下一个位置
    sliderContainer.scrollLeft += scrollDistance;
  }
}

// 停止自动滚动
function stopAutoScroll() {
  // 清除计时器
  clearInterval(timer);
}

// 在适当的时机调用 startAutoScroll() 函数来启动自动滚动，调用 stopAutoScroll() 函数来停止自动滚动。