Всем привет! Делаю слайдер на чистом JS, нужно чтобы слайды переключались сами в определенное время. Можно ли как-то установить, чтобы после ручного переключения слайда пользователем таймер обнулялся и не случалось такого, чтобы сразу после клика переключалась еще одна страница слайда сразу же?
HTML + CSS + JS: https://jsfiddle.net/k72nth41/
Сам JS:
let slideIndex = 1;
showSlides(slideIndex);
let prev = document.getElementById ('prev');
let next = document.getElementById ('next');
next.addEventListener ("click", function () {
showSlides(slideIndex += 1);
});
prev.addEventListener ("click", function () {
showSlides(slideIndex -= 1);
});
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let slides = document.getElementsByClassName("myslide");
if (n > slides.length) {
slideIndex = 1;
}
if (n < 1) {
slideIndex = slides.length;
}
for (let slide of slides) {
slide.style.display = "none";
}
slides[slideIndex - 1].style.display = "flex";
}
let timer = setInterval(function(){
slideIndex++;
showSlides(slideIndex);
},5000);