我試圖使用html，css和普通javascript完全從頭開始創建幻燈片，但是我不知道該怎么做，因此當我單擊其中一個幻燈片指示器時，setInterval（）重置其計時器（以便能夠更改幻燈片而無需直接切換到下一張幻燈片，因為例如僅剩1秒鐘）我試圖用clearInterval（）重置計時器，然后重新激活setInterval（），但是當我單擊幻燈片放映指示器之一時，幻燈片在隨機時刻開始改變（它們不遵循SetInterval（）的6000ms計時器）因為某些原因）。var slides = document.querySelectorAll(".slide");var dots = document.querySelectorAll(".dot");function removeClass() {  for (var i = 0; i < slides.length; i++) {    slides[i].classList.remove('active');  }}function removeNext() {  for (var i = 0; i < slides.length; i++) {    slides[i].classList.remove('next');  }}function slideshow() {    currentSlide = document.querySelector(".active");    nextSlide = currentSlide.nextElementSibling;    if (nextSlide != null) {        removeClass();        nextSlide.classList.add('next');        nextSlide.classList.add('active');    } else {        removeClass();        slides[0].classList.add('next');        slides[0].classList.add('active');    }    removeNext();}var slideDelay = setInterval(slideshow, 6000);document.addEventListener("click", function(event){    if (event.target.className == "dot") {        removeClass();        var dotAttrValue = event.target.getAttribute('data-slide-to');        slides[dotAttrValue-1].classList.add('active');        clearInt