Работа с функциями setInterval() и clearInterval()

@Krundetz · Регистрация: 23.08.2006

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

Если у кого есть выложите пример работы с этими функциями. Если быть точнее интерисует вызов этих функций по несколку раз для разных обектов.

@bazile · 21.10.2006, 14:09

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setinterval.asp http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setinterval.asp

@Krundetz · 23.10.2006, 10:33 **[ТС]**

Спасибо. Буду разбираться.

@Krundetz · 24.10.2006, 04:55 **[ТС]**

Разобрался там не то что мне надо.

Вот что у меня не работает.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function init_move(id)
{
dx=2;
dy=2;
id_move=setInterval("move(dx,dy,id)",5);
}
function move(dx,dy,id)
{
var y=parseInt(document.getElementById(id).style.top);
var x=parseInt(document.getElementById(id).style.left);
document.getElementById(id).style.top=y+dy;
document.getElementById(id).style.left=x+dx;
if(parseInt(document.getElementById(id).style.left)>500)
{
clearInterval(id_move);
}
}
id="img36";
init_move(id);
id="img35";
init_move(id);

Не пойму почему вместо того чтобы передвигать второй обект img35 продолжает двигаться обект img36 хотя я его останавливаю.

@Vizlim · 24.10.2006, 12:57

Почему неработает? Возможно при вызове функции, функция переходит во власть интервала и поэтому не доходит до вызова строки:
id="img35";
init_move(id);
Попробуй вместо clearInterval(id_move); написать:
id="img35";
init_move(id);
Если работать не будет, то или условие неверное (хотя, всё правельно) или неправельно заданы настройки изображения, должно быть нечто подобное:
<img src="1.gif" id="img35" style="position:absolute;

@bazile · 24.10.2006, 14:36

Потому что ты сохраняешь идентификатор таймера (результат выполнения setInterval) в одну и ту же переменную. Второй вызов просто затирает предыдущее значение.
Есть и другие ошибки. Я не буду их объяснять, а просто приведу исправленный вариант:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function init_move(id)
{
 timers[id] = setInterval("move(2,2,'"+id"')", 5);
}
function move(dx,dy,id)
{
 var objStyle = document.getElementById(id).style;
 
 var y =parseInt(objStyle.top);
 var x =parseInt(objStyle.left);
 objStyle.top  = y+dy;
 objStyle.left = x+dx;
 if(parseInt(objStyle.left) > 500)
 {
  clearInterval(timers[id]);
  timers[id] = null;
 }
}
var timers = [];
init_move("img36");
init_move("img35");

@Krundetz · 25.10.2006, 06:02 **[ТС]**

Спасибо. Сейчас попробую.

@Krundetz · 25.10.2006, 06:19 **[ТС]**

Работает, но передвигаются одновременно два обекта, а требуется чтобы сначала предвинулся один объект закончил движение и только потом двигался другой. Если можно более подробно про идентификатор.

@Krundetz · 25.10.2006, 06:25 **[ТС]**

Vizlim (24.10.2006)

Попробуй вместо clearInterval(id_move);написать:

id="img35";

init_move(id);

Попробовал тоже самое.

<img src="1.gif"id="img35"style="position:abs olute;

Так и задаю.

@Vizlim · 25.10.2006, 13:14

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
dx=2;
dy=2;
function move(dx,dy,id) {
var y=parseInt(document.getElementById(id).style.top);
var x=parseInt(document.getElementById(id).style.left);
document.getElementById(id).style.top=y+dy;
document.getElementById(id).style.left=x+dx;
if(parseInt(document.getElementById(id).style.left)>500){
}
else {
setTimeout("move(dx,dy,id)",5);
}
}
id="img36";
move(dx,dy,id);
id="img35";
move(dx,dy,id);

Вроде будет работать так как тебе надо...

@bazile · 25.10.2006, 15:13

Krundetz (25.10.2006)
Работает, но передвигаются одновременно два обекта, а требуется чтобы сначала предвинулся один объект закончил движение и только потом двигался другой.

Это потребует переделки алгоритма. Таймер в этом случае будет только один, для него нужно будет объявить глобальную переменную (var timerid

. Далее можно создать массив объектов которые надо двигать (var obj_ids = ["img35", "img36"]

. Затем устанавливаем таймер. Функция вызываемая по таймеру будет двигать объект до остановки после чего будет смотреть нет ли в массиве еще объектов котрые надо двигать и если есть, то создает новый таймер для этого объекта.

Krundetz (25.10.2006)
Если можно более подробно про идентификатор.

В справке все ясно сказано: "Returns an identifier that cancels the timer with the clearInterval method.". То есть результат выполнения setInterval() должен передаваься функции clearInterval(). Так как можно иметь несколько одновременно работающих таймеров, то результат setInterval() нужно обязательно сохранять в разные переменные.

@Krundetz · 26.10.2006, 10:35 **[ТС]**

Спасибо bazile попробую рализовать предложеный тобой алгоритм.

@ISM · 22.11.2006, 02:18

Ребята! Меньше parseInt!!! Это замедляет работу. Если скрипт должен работать только в IE используйте style.pixelLeft(Top|Width|Height) иначе - offsetLeft(Top|Width|Height). Оба эти свойства содержат числа, но pixelLeft(и т.д.) содержит размер в пикселах, а offsetLeft(и т.д.) - в текущих единицах измерения, т.е. если указано "...;left:19pt;...", то в offsetLeft будет число 19.

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника 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),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

@Krundetz 0 / 0 / 0 Регистрация: 23.08.2006 Сообщений: 18

	Работа с функциями setInterval() и clearInterval() 21.10.2006, 09:45. Показов 12977. Ответов 12 Метки нет (Все метки) Если у кого есть выложите пример работы с этими функциями. Если быть точнее интерисует вызов этих функций по несколку раз для разных обектов. 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	21.10.2006, 14:09
	http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setinterval.asp http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setinterval.asp 0

@Krundetz 0 / 0 / 0 Регистрация: 23.08.2006 Сообщений: 18
	23.10.2006, 10:33 [ТС]
	Спасибо. Буду разбираться. 0

@Vizlim 5 / 5 / 5 Регистрация: 24.10.2011 Сообщений: 269
	24.10.2006, 12:57
	Почему неработает? Возможно при вызове функции, функция переходит во власть интервала и поэтому не доходит до вызова строки: id="img35"; init_move(id); Попробуй вместо <STRONG>clearInterval(id_move); </STRONG>написать: id="img35"; init_move(id); Если работать не будет, то или условие неверное (хотя, всё правельно) или неправельно заданы настройки изображения, должно быть нечто подобное: <img src="1.gif" id="img35" style="position:absolute; 0

@Krundetz 0 / 0 / 0 Регистрация: 23.08.2006 Сообщений: 18
	25.10.2006, 06:02 [ТС]
	Спасибо. Сейчас попробую. 0

@Krundetz 0 / 0 / 0 Регистрация: 23.08.2006 Сообщений: 18
	25.10.2006, 06:19 [ТС]
	Работает, но передвигаются одновременно два обекта, а требуется чтобы сначала предвинулся один объект закончил движение и только потом двигался другой. Если можно более подробно про идентификатор. 0

@Krundetz 0 / 0 / 0 Регистрация: 23.08.2006 Сообщений: 18
	26.10.2006, 10:35 [ТС]
	Спасибо bazile попробую рализовать предложеный тобой алгоритм. 0

@ISM 0 / 0 / 1 Регистрация: 22.11.2006 Сообщений: 5
	22.11.2006, 02:18
	Ребята! Меньше parseInt!!! Это замедляет работу. Если скрипт должен работать только в IE используйте style.pixelLeft(Top\|Width\|Height) иначе - offsetLeft(Top\|Width\|Height). Оба эти свойства содержат числа, но pixelLeft(и т.д.) содержит размер в пикселах, а offsetLeft(и т.д.) - в текущих единицах измерения, т.е. если указано "...;left:19pt;...", то в offsetLeft будет число 19. 0