如何在按下next/back按钮时自动重置幻灯片播放功能？

<button id="nextBtn">Next</button>
<button id="backBtn">Back</button>

const slideContainer = document.querySelector('.slide-container');
const slides = document.querySelectorAll('.slide');
const nextBtn = document.getElementById('nextBtn');
const backBtn = document.getElementById('backBtn');

nextBtn.addEventListener('click', nextSlide);
backBtn.addEventListener('click', backSlide);

let currentSlide = 0;

function nextSlide() {
  currentSlide++;
  if (currentSlide === slides.length) {
    currentSlide = 0;
  }
  showSlide();
}

function backSlide() {
  currentSlide--;
  if (currentSlide < 0) {
    currentSlide = slides.length - 1;
  }
  showSlide();
}

function showSlide() {
  slides.forEach((slide, index) => {
    if (index === currentSlide) {
      slide.classList.add('active');
    } else {
      slide.classList.remove('active');
    }
  });
}

const interval = setInterval(nextSlide, 5000);

slideContainer.addEventListener('mouseenter', () => {
  clearInterval(interval);
});

slideContainer.addEventListener('mouseleave', () => {
  interval = setInterval(nextSlide, 5000);
});