如何让这个滑块自动运行？

<div class="slider-container">
  <div class="slider"></div>
</div>

.slider-container {
  width: 500px;
  height: 20px;
  background-color: #ccc;
}

.slider {
  width: 50px;
  height: 20px;
  background-color: #ff0000;
  transition: all 1s ease;
}

function autoRunSlider() {
  var slider = document.querySelector('.slider');
  var containerWidth = document.querySelector('.slider-container').clientWidth;
  var sliderWidth = slider.offsetWidth;
  var maxPosition = containerWidth - sliderWidth;
  var currentPosition = 0;
  var direction = 1; // 正向移动

  setInterval(function() {
    if (currentPosition >= maxPosition) {
      direction = -1; // 反向移动
    } else if (currentPosition <= 0) {
      direction = 1; // 正向移动
    }

    currentPosition += direction;
    slider.style.transform = 'translateX(' + currentPosition + 'px)';
  }, 10);
}

autoRunSlider();