Задать повторение клика по объектам

@2m2 · Регистрация: 12.05.2011

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

Необходимо совершать клик по объектам с классом "sp-selector-(порядковый номер)".
Как должна выглядеть функция, чтобы клик по каждому следующему происходил через секунду после предыдущего клика?
Мой набросок:

JavaScript
1
2
3
4
5
6
7
setInterval(function(){
$('.sp-selector-2').click();
$('.sp-selector-3').click();
$('.sp-selector-4').click();
$('.sp-selector-5').click();
$('.sp-selector-1').click();
}, 1000);

@Soldado · 08.11.2012, 17:07

click - это событие запускаемое пользователем. Его можно задать для какого-то элемента и, например, для кликнутого элемента менять фон (или ещё что-то делать). Есть возможность запустить click программно. Для этого используется trigger. Формат записи такой:

JavaScript
1
$('селектор').trigger ('click');

Предыдущим кодом запустится функция которая записана в click'e для этого элемента:

JavaScript
1
2
3
$('селектор').click(function(){
...
});

Так как у объектов нет общих идентификаторов, то можно всех завернуть в див с id="sp-selector" и обращаться в коде к порядковому номеру каждого элемента этого общего блока.
В общем, скрипт такой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
$(document).ready(function(){
var i=0;
 
setInterval(clickBlock,1000);//запуск программного клика каждую секунду
 
//програмный клик
function  clickBlock(){
$('#sp-selector div').eq(i).trigger ('click');
}
 
//То, что должно произойти при клике 
$('#sp-selector div').click(function(){
$('#sp-selector div').removeClass('newBackgroundBlue');
$(this).addClass('newBackgroundBlue');
i++;
if(i>4){i=0}
});
 
 });/*end  ready*/
 </script>

А воочию всё можно увидеть на демо-странице

@2m2 · 08.11.2012, 18:03 **[ТС]**

Soldado я имел ввиду немного иную вещь.
У меня есть:

HTML5
1
2
3
4
5
6
7
<div class="sp-slideshow" id="sp-slideshow">
<input class="sp-selector-1" />
<input class="sp-selector-2" />
<input class="sp-selector-3" />
<input class="sp-selector-4" />
<input class="sp-selector-5" />
</div>

Клик по input запускает css transition поэтому все что нужно, это только клик.
Я подредактировал немного, но должного эффекта это не произвело:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){
var i=0;
 
setInterval(clickBlock,1000);//запуск программного клика каждую секунду
 
//програмный клик
function  clickBlock(){
$('#sp-slideshow').eq(i).trigger ('click');
}
 
//То, что должно произойти при клике 
$('#sp-slideshow input').click(function(){
 
i++;
if(i>4){i=0}
});
 
 });/*end  ready*/

@Soldado · 09.11.2012, 20:00

Не понял. Причём здесь click и css transition?
В css transition (CSS 3) можно задать плавное изменение параметра css при наведении на элемент.
Вы пишите:

все что нужно, это только клик

Вы получили програмный клик по элементу и я наглядно это показал.

Если ещё тема интересна, то дайте более детальную информацию и менее противоречивую.

@2m2 · 10.11.2012, 12:21 **[ТС]**

Сообщение от Soldado

Не понял. Причём здесь click и css transition?
В css transition (CSS 3) можно задать плавное изменение параметра css при наведении на элемент.

Вы получили програмный клик по элементу и я наглядно это показал.

Если ещё тема интересна, то дайте более детальную информацию и менее противоречивую.

Слайды меняются именно при клике и без js, только css

Я написал ранее код, который я сделал, исходя из вашего, но он работать не хочет.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

Опции темы