从右向左滑动多个div

<div class="slider-container">
  <div class="slider-item">Content 1</div>
  <div class="slider-item">Content 2</div>
  <div class="slider-item">Content 3</div>
  <!-- 更多div元素 -->
</div>

.slider-container {
  width: 500px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.slider-item {
  width: 500px;
  height: 300px;
  float: left;
}

/* 设置容器的初始位置 */
.slider-container {
  left: 0;
}

// 获取容器和div元素
var container = document.querySelector('.slider-container');
var items = document.querySelectorAll('.slider-item');

// 定义滑动的速度和间隔时间
var speed = 10; // 每帧滑动的距离
var interval = 20; // 每帧之间的间隔时间

// 定义滑动函数
function slide() {
  // 获取容器的当前位置
  var currentPosition = container.offsetLeft;

  // 判断是否到达最左边
  if (currentPosition <= -container.offsetWidth) {
    // 到达最左边时，将容器的位置重置到初始位置
    container.style.left = '0';
  } else {
    // 向左滑动
    container.style.left = currentPosition - speed + 'px';
  }
}

// 启动滑动定时器
setInterval(slide, interval);