Таймер на 4 итерации?

Question

[issssrt]

Как сделать счетчик с шагом от 1 до 4, чтобы работал всегда без остановок. Интервал итерации 5 секунд

Answer 1

[lnked]

var timeout, last_index = 1;

function timer(index)
{
	last_index = index;

    timeout = setTimeout(function(){
        
        /*
        код который нужно выполнять
        */

        index += 1;
        if (index <= 4) timer(index);
    }, 2000)
}

timer(1);

$('.slider').on('mouseenter', function(){
	clearTimeout(timeout);
});

$('.slider').on('mouseleave', function(){
	timer(last_index);
});

Comments

[issssrt]

Я так примерно и сделал. Проблема в том что это мне нужно было сделать в один попавшейся самописный слайдер для смены ротации слайдов. Сам слайдер находится в контейнере .slider, так вот при нахождении курсора мыши в этом контейнере, нужно как-то остановить (поставить на паузу) смену итераций

[lnked]

issssrt: slidesjs.com этот слайдер умеет такое делать

[issssrt]

Эдик: не, новый ставить смысла нет, времени больше уйдет, он завязан на самопальную cms. Досталось же мне творчество горе-разработчика

[issssrt]

Эдик: а как в вашем примере применить clearTimeout?

[lnked]

issssrt: Исправил код

[issssrt]

Спасибо! То, что нужно!

[lnked]

issssrt: Пожалуйста)

Answer 2

[Владимир Голубь]

Заведи счетчик каждый раз + 1. И делай проверку i > 5, то не делать.

Comments

[issssrt]

ну так и сделал. одна беда как остановить слайдер когда курсор находится в фокусе блока