Написал небольшой скрипт:
<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>
Всё работает прекрасно. Вставляю тот же код в статью (сам код в следующем посте):
Дёргается безбожно.
В чём дело и как победить?