Установить таймер

@Likabort · Регистрация: 18.01.2012

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

Добрый вечер, подскажите, как добавить таймер к слайдеру.

Есть код слайдера, взятый с сайта w3cschool:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var slideIndex = 1;
showDivs(slideIndex);
 
function plusDivs(n) {
  showDivs(slideIndex += n);
}
 
function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
  }
  x[slideIndex-1].style.display = "block";
}

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

Заранее спасибо

@Msey · 09.09.2016, 13:30

JavaScript
1
setTimeout( вызываемая функция с параметрами, сколько миллисекунд );

@Likabort · 09.09.2016, 13:30 **[ТС]**

Так я пробовал так, куда ни воткни, ничего не работает

@kalabuni · 09.09.2016, 13:38

дайте весь ваш HTML+JS-код и не забудьте рассказать -- в какую сторону вам нужно автоматическое перелистывание слайдов (вправо или влево)?

@Likabort · 09.09.2016, 14:12 **[ТС]**

http://www.w3schools.com/w3css... ow_caption - вот тут весь код

На сайте есть отдельно обычный слайдер со стрелками, а есть отдельно автоматический.
Совместить мне никак не удалось

Добавлено через 27 секунд
Листать надо вправо

@evikza · 09.09.2016, 15:36

Likabort, исходя из вашего примера:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var slideIndex = 1;
showDivs(slideIndex);
 
function plusDivs(n) {
  showDivs(slideIndex += n);
}
 
function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
  }
  x[slideIndex-1].style.display = "block";
}
 
setInterval(function() { plusDivs(1) }, 1000) // обновляем каждую секунду

Пример: http://codepen.io/evikza/pen/QKjjGJ

@Likabort · 09.09.2016, 15:49 **[ТС]**

Спасибо большое

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Likabort 0 / 0 / 0 Регистрация: 18.01.2012 Сообщений: 87
	09.09.2016, 13:30 [ТС]
	Так я пробовал так, куда ни воткни, ничего не работает 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	09.09.2016, 13:38
	дайте весь ваш HTML+JS-код и не забудьте рассказать -- в какую сторону вам нужно автоматическое перелистывание слайдов (вправо или влево)? 0

@Likabort 0 / 0 / 0 Регистрация: 18.01.2012 Сообщений: 87
	09.09.2016, 14:12 [ТС]
	http://www.w3schools.com/w3css... ow_caption - вот тут весь код На сайте есть отдельно обычный слайдер со стрелками, а есть отдельно автоматический. Совместить мне никак не удалось Добавлено через 27 секунд Листать надо вправо 0

@Likabort 0 / 0 / 0 Регистрация: 18.01.2012 Сообщений: 87
	09.09.2016, 15:49 [ТС]
	Спасибо большое 0

Опции темы

Установить таймер

Решение