Релиб / Веб-программирование / JavaScript / Работа с функциями setInterval() и clearInterval() в JavaScript / Latest Posts

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

ISM — Tue, 21 Nov 2006 23:18:29 GMT

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

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

Krundetz — Thu, 26 Oct 2006 06:35:42 GMT

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

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

bazile — Wed, 25 Oct 2006 11:13:44 GMT

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

Это потребует переделки алгоритма. Таймер в этом случае будет только один, для него нужно будет объявить глобальную переменную (var timerid;). Далее можно создать массив объектов которые надо двигать (var obj_ids = ["img35", "img36"];). Затем устанавливаем таймер. Функция вызываемая по таймеру будет двигать объект до остановки после чего будет смотреть нет ли в массиве еще объектов котрые надо двигать и если есть, то создает новый таймер для этого объекта.

[quote][b]Krundetz (25.10.2006)[/b][hr]Если можно более подробно про идентификатор.[/quote]

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

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

Vizlim — Wed, 25 Oct 2006 09:14:52 GMT

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);

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

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

Krundetz — Wed, 25 Oct 2006 02:25:21 GMT

[quote][b]Vizlim (24.10.2006)[/b][hr]
Попробуй вместо clearInterval(id_move);написать:

id="img35";
init_move(id);[/quote]

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

[quote]<img src="1.gif"id="img35"style="position:absolute;">[/quote]
Так и задаю.

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

Krundetz — Wed, 25 Oct 2006 02:19:32 GMT

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

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

Krundetz — Wed, 25 Oct 2006 02:02:45 GMT

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

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

bazile — Tue, 24 Oct 2006 10:36:19 GMT

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

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

[code]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");[/code]

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

Vizlim — Tue, 24 Oct 2006 08:57:13 GMT

Почему неработает? Возможно при вызове функции, функция переходит во власть интервала и поэтому не доходит до вызова строки:

id="img35";
init_move(id);

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

id="img35";
init_move(id);

Если работать не будет, то или условие неверное (хотя, всё правельно) или неправельно заданы настройки изображения, должно быть нечто подобное:

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

Krundetz — Tue, 24 Oct 2006 00:55:23 GMT

Разобрался там не то что мне надо.
Вот что у меня не работает.
[code]
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);

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