Как убрать зацикленность слайдера?
Помогите, пожалуйста немного исправить слайдер. Он крутит блоки зациклено, а нужно, чтобы на последнем блоке останавливался.
Код:
let timer = null;
let slider = document.querySelector('#slider'),
slides = slider.querySelectorAll('.slide_item'),
len = slides.length,
index = len - 1,
dir = 1;
function move() {
slides[index].style.opacity = "";
slides[index].style.Zindex = "";
index = (index + dir + len) % len;
slides[index].style.opacity = 1;
slides[index].style.Zindex = 1;
timer = window.setTimeout(move, 3000);
}
function show(state) {
if (state === "block") {
timer = window.setTimeout(move, 0);
} else {
clearTimeout(timer);
}
document.getElementById('window9').style.display = state;
document.getElementById('wrap9').style.display = state;
}Код:
<div id="wrap9"></div>
<!-- Само окно-->
<div id="window9">
<div id="slider">
<div class="slide_item">
БЛОК №1
</div>
<div class="slide_item">
БЛОК №2
</div>
<div class="slide_item">
БЛОК №3
</div>
</div>
</div>