Проблема с setTimeout() jQuery

Заменить setTimeout на setInterval?

Спасибо огромное, милый друг! Выручил просто несказанно! :)

---------- Добавлено 16.05.2013 в 15:01 ----------

Теперь не получается остановить )))

Делаю так:

var intervalID = setInterval("toggleImage();", 2000);

потом у меня несколько функций на каждой из которых надо вырубать toggleImage(). Делаю:

function first()

{

   /* здесь тело функции */

  clearInterval(window.intervalID);

}

не вырубается. Если без window - то же самое.

Нужно смотреть весь код "наживую", так сложно сказать, в чем именно проблема

Привожу весь код, относящийся к сути:

jQuery(document).ready(function()

        {

	

		var interval = setInterval("toggleImage();", 5000);

		window.stopInterval = 0;

		

		if (window.stopInterval == 1)

		{

			clearInterval(interval);

		}

		else

		{

		

		}

function first()

	{

		$('.slider').css('background-image', 'url(\'/data/01.jpg\')');

		window.stopInterval = 1;

		$('li').removeClass('active');

		$('.first').addClass('active');

		

	}

Т.е. в функции я вроде выставляю глобальную переменную, но основному коду на это почему-то пофиг..... браузер лиса, если это имеет значение....

А ему и должно быть пофиг.

Ваша функция document.ready исполняется один раз, на момент, когда у вас stopInterval = 1, тот код уже отработал.

И как выйти из ситуации?

Когда вам нужно остановить процесс?

Сюда хорошо бы вписался механизм пользовательских событий.

Пример (останавливаем на последней):

...

куда-то в начало добавляем такое:

(

function($)

{

var o = $({});

$.subscribe = function() {

o.bind.apply( o, arguments );

};

$.unsubscribe = function() {

o.unbind.apply( o, arguments );

};

$.publish = function() {

o.trigger.apply( o, arguments );

}

}

)(jQuery);

Далее изменения по коду:

else if (curImg == 'url("http://site.ru/data/05.jpg")')

{ //посылаем событие остановить таймер

$.publish('stop_timer');

}

$(document).ready(function()

{

window.interval = setInterval(....);

//подписываемся на событие остановки таймера. как только оно будет запрошено (publish), таймер обнулится.

$.subscribe('stop_timer',function(e)

{

clearInterval(window.interval);

});

});

Так а это... вы же говорите, что document.ready работает только один раз при загрузке. А мне процесс надо остановить вообще в сторонней функции js, но которая находится за пределами document.ready.

тут начинает работать модель событий. :)

в document.ready мы просто подписываемся на срабатывание определенного события, и задаем его обработчик на будущее.

все равно как мы обрабатываем щелчок мышки или что-то подобное.

а вызвать-инициировать это событие мы можем из любого места, и его обработчик запустится.