Работа с функциями 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.

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

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

	Работа с функциями setInterval() и clearInterval() 21.10.2006, 09:45. Показов 12956. Ответов 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