powered by simpleCommunicator - 2.0.36     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / метод setInterval
4 сообщений из 4, страница 1 из 1
метод setInterval
    #34075539
Krundetz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Есть следующий код:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<html>
<img id="img34" src='Satin.jpg' style='position:absolute;top:250px;left:399px'>
<img id="img35" src='Satin.jpg' style='position:absolute;top:250px;left:402px'>
<img id="img36" src='Satin.jpg' style='position:absolute;top:250px;left:405px'>
<script>
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);
</script>
</html>
Не могу понять почему продолжает двигаться img36 в место того чтобы остановится и не начинает двигаться img35
...
Рейтинг: 0 / 0
метод setInterval
    #34075629
sxq
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
наверное это более верный вариант
<html>
<img id="img34" src='Satin.jpg' style='position:absolute;top:250px;left:399px'>
<img id="img35" src='Satin.jpg' style='position:absolute;top:250px;left:402px'>
<img id="img36" src='Satin.jpg' style='position:absolute;top:250px;left:405px'>
<script>
var imgid=Array()
function init_move(id)
{
dx=2;
dy=2;
imgid[id]=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(imgid[id]);
}
}
id="img36";
init_move(id);
id="img35";
init_move(id);
</script>
</html>
не забывайте, что фрагмент:
id="img36";
init_move(id);
id="img35";
init_move(id);
выполняется без остановок и задержек, т.е. оба изображения будут двигаться одновременно.
...
Рейтинг: 0 / 0
метод setInterval
    #34078692
Krundetz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо. Не подскажете как сделать так чтобы двигалось сначало одно изображение а потом после его остановки второе.
...
Рейтинг: 0 / 0
метод setInterval
    #34079719
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
там, где делаешь clearInterval, суй второй init_move
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / метод setInterval
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]