Слайдер неправильно работает

@GERALD2799 · Регистрация: 27.09.2016

Студворк — интернет-сервис помощи студентам

слайды переключаются автоматически каждые 5 секунд, если несколько раз попробовать самому переключать между слайдами, то слайды начинают переключаться быстрее

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var slideIndex = 0;
 
function showSlides(n, time = 5000) // 5 сек
{
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (var i = 0; i < dots.length; i++) 
    {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    for (var i = 0; i < slides.length; i++) 
    {
        slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > slides.length) 
    {
        slideIndex = 1;
    } 
    dots[slideIndex-1].className += " active";
    slides[slideIndex-1].style.display = "block"; 
    setTimeout(showSlides, time);
}
 
showSlides(slideIndex);
 
function currentSlide(n) 
{
   showSlides(slideIndex = n-1);
}

@sad67man · 23.02.2017, 21:25

GERALD2799,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var slideIndex = 0;
var timeout;
 
function showSlides(n, time = 5000) // 5 сек
{
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (var i = 0; i < dots.length; i++) 
    {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    for (var i = 0; i < slides.length; i++) 
    {
        slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > slides.length) 
    {
        slideIndex = 1;
    } 
    dots[slideIndex-1].className += " active";
    slides[slideIndex-1].style.display = "block";
    clearTimeout(timeout);
    timeout = setTimeout(showSlides, time);
}
 
showSlides(slideIndex);
 
function currentSlide(n) 
{
   showSlides(slideIndex = n-1);
}

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .