Тема: Dobbin Horses
Показать сообщение отдельно
  #1 (permalink)  
Старый 13.11.2009, 17:57
Новичок на форуме
Отправить личное сообщение для posvad Посмотреть профиль Найти все сообщения от posvad
 
Регистрация: 13.11.2009
Сообщений: 2

Dobbin Horses
Написал небольшой скрипт:
<html>
  <head>
  <title>Старые клячи (java)</title>
  </head>

<BODY onLoad="stopclock()">
<div style="width:698px;border-right-width:2px;border-right-style:solid;border-right-color:#FF0000">
  
  <div>
    <input title="GO!" type="submit" name="GO!" value="GO!" onclick='startclock()'>
    <input title="On start" type="submit" name="On start" value="On start" onclick='stopclock()'>
    <input id="rez" type="text" size="20">
    <br>
    <br>
  </div>

<!-- Функции, осуществляющие перемещение картинок -->
<SCRIPT LANGUAGE="JavaScript">
var timerID = null
var timerRunning = false
var TinT = 200
var StP = 4

function stopclock(){
   	if(timerRunning)
	      clearInterval(timerID)
	timerRunning = false
document.getElementById("im1").style.left = "0px"
document.getElementById("im2").style.left = "0px"
document.getElementById("im3").style.left = "0px"
document.getElementById("im4").style.left = "0px"
document.getElementById("im5").style.left = "0px"
document.getElementById("rez").value = ""
}

function startclock(){
   stopclock()
   timerID = setInterval("move()",TinT)
   timerRunning = true
}

function move(){
if (document.getElementById("im1").offsetLeft > 671+StP) 
	{
		if(document.getElementById("rez").value.indexOf("1") == -1) document.getElementById("rez").value += " 1";
	}
else 
	{
		rnd14 = Math.random();
		res15 = (rnd14*StP);
		res16 = (res15+document.getElementById("im1").offsetLeft);
		document.getElementById("im1").style.left = (res16).toString() + "px";
	}
if (document.getElementById("im2").offsetLeft > 671+StP) 
	{
		if(document.getElementById("rez").value.indexOf("2") == -1) document.getElementById("rez").value += " 2";
	}
else 
	{
		rnd18 = Math.random();
		res19 = (rnd18*StP);
		res20 = (res19+document.getElementById("im2").offsetLeft);
		document.getElementById("im2").style.left = (res20).toString() + "px";
	}
if (document.getElementById("im3").offsetLeft > 671+StP) 
	{
		if(document.getElementById("rez").value.indexOf("3") == -1) document.getElementById("rez").value += " 3";
	}
else 
	{
		rnd22 = Math.random();
		res23 = (rnd22*StP);
		res24 = (res23+document.getElementById("im3").offsetLeft);
		document.getElementById("im3").style.left = (res24).toString() + "px";
	}
if (document.getElementById("im4").offsetLeft > 671+StP) 
	{
		if(document.getElementById("rez").value.indexOf("4") == -1) document.getElementById("rez").value += " 4";
	}
else 
	{
		rnd26 = Math.random();
		res27 = (rnd26*StP);
		res28 = (res27+document.getElementById("im4").offsetLeft);
		document.getElementById("im4").style.left = (res28).toString() + "px";
	}
if (document.getElementById("im5").offsetLeft > 671+StP) 
	{
		if(document.getElementById("rez").value.indexOf("5") == -1) document.getElementById("rez").value += " 5";
	}
else 
	{
		rnd30 = Math.random();
		res31 = (rnd30*StP);
		res32 = (res31+document.getElementById("im5").offsetLeft);
		document.getElementById("im5").style.left = (res32).toString() + "px";
	}
}

<!-- Картинки для перемещения -->
</SCRIPT>
  <div>
    <img src="_images/truk.gif" width="32" height="32" id="im1" style="position: relative;">    </div>
  <div>
    <img src="_images/truk.gif" width="32" height="32" id="im2" style="position: relative;">    </div>
  <div>
    <img src="_images/truk.gif" width="32" height="32" id="im3" style="position: relative;">    </div>
  <div>
    <img src="_images/truk.gif" width="32" height="32" id="im4" style="position: relative;">    </div>
  <div>
    <img src="_images/truk.gif" width="32" height="32" id="im5" style="position: relative;">    </div>
</div>
</body>
</html>

Всё работает прекрасно. Вставляю тот же код в статью (сам код в следующем посте):

Дёргается безбожно.
В чём дело и как победить?
Ответить с цитированием