VPF::Таймер - Форум программистов

GIK

Дата 16.12.2005, 16:48 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Хочу сделать так чтоы квадраты останавливались вместе, задаю параметры top и left (bottom и right)
одинаковым, равными 210, НО останавливатся вместе они не хотят.

to Sardar знаю, знаю коряво... ну не могу я по другому, НЕ МОГУ.

Код


<html>
 <head>
 
  <script type="text/javascript">
   <!--

  
/*приходится присваивать данные простыми числами, document.getElementById("id").style.top;
 передает данные с "PX".
*/
 var topIMG1=10; 
 var leftIMG1=10;
 var topIMG2=10;
 var rightIMG2=10;
 var bottomIMG3=10;
 var rightIMG3=10;
 var bottomIMG4=10;
 var leftIMG4=10;  
         
      //Блок 1
 //задаем setTimeGo1 вызов 4 функций.
    var setTimeGo1=window.setInterval("f1(),f2(),f3(),f4()", 50);
     
     function f1()
{ document.getElementById("img1").style.top=topIMG2++; 
  if (topIMG1==210)
   {clearInterval(setTimeGo1);}
 }
 function f2()
{ document.getElementById("img2").style.top=topIMG2++; 
  if (topIMG2==210)
   {clearInterval(setTimeGo1);}
  
 }
 function f3()
{ document.getElementById("img3").style.bottom=bottomIMG3++; 
  if (bottomIMG3==210)
   {clearInterval(setTimeGo1);}
 }
 function f4()
{ document.getElementById("img4").style.bottom=bottomIMG4++; 
  if (bottomIMG4==210)
   {clearInterval(setTimeGo1);}
 }

 //Блок 2
   var setTimeGo2=window.setInterval("f12(),f22(),f32(),f42()", 50); 
      function f12()
{ document.getElementById("img1").style.left=leftIMG1++; 
  if (leftIMG1==210)
   {clearInterval(setTimeGo2);}
 }
 function f22()
{ document.getElementById("img2").style.right=rightIMG2++; 
  if (rightIMG2==210)
   {clearInterval(setTimeGo2);}
  
 }
 function f32()
{ document.getElementById("img3").style.right=rightIMG3++; 
  if (rightIMG3==210)
   {clearInterval(setTimeGo2);}
 }
 function f42()
{ document.getElementById("img4").style.left=leftIMG4++; 
  if (leftIMG4==210)
   {clearInterval(setTimeGo2);}
 }
  
 
 
      //-->
   </script>
 </head>
<body>
 
<div id="img1" style="position:absolute;
top:10px;left:10px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">

  <img src="img/miamai.jpg" id="img1">
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА

</div>

<div id="img2" style="position:absolute;
top:10px;right:10px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">

  <img src="img/miamai.jpg" id="img1">
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА

</div>

<div id="img3" style="position:absolute;
bottom:10px;right:10px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">

  <img src="img/miamai.jpg" id="img1">
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА

</div>

<div id="img4" style="position:absolute;
bottom:10px;left:10px;visiblilyte:visible;width:120px;
height:90px;color:silver;background-color:blue;z-index:0;overflow:hidden ">

  <img src="img/miamai.jpg" id="img1">
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА 
   КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА КАРТИНА

</div>
<input type="button" onClick="f2()" value="Скрытый">
</body>
</html>

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

Sardar

Дата 17.12.2005, 02:26 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(GIK @ 16.12.2005, 15:48)

знаю, знаю коряво... ну не могу я по другому, НЕ МОГУ.

.......

По проблеме: остановит движение первый квадрат достигший координаты, он сбросит таймер. Координаты у них одни, по идее одновременно в должны "приплыть". У меня останавливаються одновременно и вообще кажеться что всё впорядке.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

GIK

Дата 17.12.2005, 10:23 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Цитата

У меня останавливаються одновременно и вообще кажеться что всё впорядке.

Фу блин, я не правильно выразился.
Не остановка вместе, а остановка при движении по диагонали, т.е. когда диагональное движение заканчивается, движения в сторону не должно быть. Они как бы стремяца к центру и останавливаются там. По идее я ращитывал на 1 шаг по вертикали и сразу за ним шаг по горизонтали. задавал одинаковые параметры left, right,top и bottom = 210.
Но сейчас помойму догадываюсь в чем дело, скорее всего дело во времени вызовов. Но увидеть это визуально не возможно.

--------------------

Sardar

Дата 17.12.2005, 21:27 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Нет, дело в том что экран это не квадрат smile

--------------------

GIK

Дата 18.12.2005, 12:53 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

ТОЧНО!!!!!
Я идиот!!! smile

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »