[Sergey-web92]

(function () {
  class Slider {
    constructor(startIndex, element) {
      this.startIndex = startIndex;
      this.currentIndex = this.startIndex;
      this.element = element;
      this.slides = this.element.querySelectorAll(".slideshow-about__slide");
      this.dots = this.element.querySelectorAll(".dot");
      this.setActiveSlide();
      this.next();
      this.prev();
    }

    setActiveSlide() {
      this.slides.forEach((item, index) => {
        if (index === this.currentIndex) {
          item.classList.add("active");
        } else {
          item.classList.remove("active");
        }
      });
    }

    setActiveDot() {
      this.dots.forEach((item, index) => {
        if (index === this.currentIndex) {
          item.classList.add("active");
        } else {
          item.classList.remove("active");
        }
      });
    }

    next() {
      let nextBtn = this.element.querySelector('[data-way="next"]');
      nextBtn.addEventListener("click", () => {
        if (this.currentIndex === this.slides.length - 1) {
          this.currentIndex = 0;
        } else {
          this.currentIndex++;
        }
        this.setActiveSlide();
        this.setActiveDot();
      });
    }

    prev() {
      let prevBtn = this.element.querySelector('[data-way="prev"]');
      prevBtn.addEventListener("click", () => {
        if (this.currentIndex === 0) {
          this.currentIndex = this.slides.length - 1;
        } else {
          this.currentIndex--;
        }
        this.setActiveSlide();
        this.setActiveDot();
      });
    }
  }

  let slideShow = document.querySelectorAll(".slideshow-about__slider");

  slideShow.forEach((item) => {
    new Slider(0, item);
  });
  setInterval(function () {
    slideShow.next();
  }, 1000);
})();

Функция setInterval не помогает. Поэтому, пожалуйста, если кто-нибудь может сказать мне, как сделать этот слайдер автоматически скользящим, я буду очень благодарен за это.