写一个轮播图函数 自动播放 有翻页功能 有下面小圆点

好的，以下是一个简单的轮播图函数，可以自动播放、有翻页功能和下面的小圆点：

function carousel() {
  var slides = document.querySelectorAll('.slide');
  var dots = document.querySelectorAll('.dot');
  var currentSlide = 0;
  var slideInterval = setInterval(nextSlide, 5000);

  function nextSlide() {
    slides[currentSlide].classList.remove('active');
    dots[currentSlide].classList.remove('active');
    currentSlide = (currentSlide + 1) % slides.length;
    slides[currentSlide].classList.add('active');
    dots[currentSlide].classList.add('active');
  }

  for (var i = 0; i < dots.length; i++) {
    dots[i].addEventListener('click', function() {
      var dotIndex = Array.prototype.indexOf.call(dots, this);
      slides[currentSlide].classList.remove('active');
      dots[currentSlide].classList.remove('active');
      currentSlide = dotIndex;
      slides[currentSlide].classList.add('active');
      dots[currentSlide].classList.add('active');
      clearInterval(slideInterval);
      slideInterval = setInterval(nextSlide, 5000);
    });
  }
}

这个函数假设你的轮播图是由一些带有 `.slide` 类的元素组成的，每个 `.slide` 元素都有一个对应的小圆点，这个小圆点是一个带有 `.dot` 类的元素。函数会自动播放轮播图，每 5 秒钟切换到下一张图片，并且在下面的小圆点中显示当前图片的位置。你可以在 CSS 中设置 `.slide` 和 `.dot` 的样式来控制轮播图的外观。