Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.12.2019, 16:19
Кандидат Javascript-наук
Отправить личное сообщение для Lefseq Посмотреть профиль Найти все сообщения от Lefseq
 
Регистрация: 19.04.2019
Сообщений: 124

Как убрать зацикленность слайдера?
Помогите, пожалуйста немного исправить слайдер. Он крутит блоки зациклено, а нужно, чтобы на последнем блоке останавливался.

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, 400);
}
 
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>
Ответить с цитированием
  #2 (permalink)  
Старый 21.12.2019, 16:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от Lefseq
timer = window.setTimeout(move, 400);
index < len - 1 && (timer = window.setTimeout(move, 400));

Ответить с цитированием
  #3 (permalink)  
Старый 21.12.2019, 19:13
Кандидат Javascript-наук
Отправить личное сообщение для Lefseq Посмотреть профиль Найти все сообщения от Lefseq
 
Регистрация: 19.04.2019
Сообщений: 124

рони,
Спасибо за помощь!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запустить выполнение слайдера в модальном окне, только после вызова окна? Lefseq Общие вопросы Javascript 1 20.12.2019 15:23
Uncaught TypeError: $(...) is not a function как убрать ошибку? PHPDeveloper jQuery 14 05.04.2016 16:00
как убрать капчю со скрипта под Ucoz Corey jQuery 0 06.08.2013 18:06
Js scrollpane, постоянно виден скролл, как убрать? metaller92 jQuery 0 17.07.2013 11:23
Как Убрать Click here if you have Flash Player 6 ? rentey Общие вопросы Javascript 3 19.03.2010 17:48