Jump to content

JavaScript window.setInterval() ?


Препоръчан пост

Начинаещ съм в JavaScript и имам въпрос относно window.setInterval(). Ползвам този "инструмент" за да анимирам един обект и всичко е ок , но не мога да реша един фундаметален проблем. Ползвам едно бутонче което стартира ф-ята и с всяко следвашо натискане движението на обекта става по-бързо. След 5-тото натискане обаче искам обекта да спре движение, а следващото натискане т.е. 6-тото обектът да почне да се движи с първоначална скорост. Разбрах как да спра обекта , но на моето следващо натискане скороста се ускорява още. Ето го и кода:

 

 

<html>
<head>
<script type="text/javascript">
var i = 0;
var e = 110;

function star()
{
window.setInterval("mov()",80);
}


function mov()
{
document.getElementById("w").style.left  = e ;
e = e + 8; 
if ( e >=700 ) { e = 100 }
if ( document.getElementById("buti").value =="CAPUT" ) { e=110}
}


function bc()
{
i++;

var ar = new Array ();

ar [0] = " 1 gear";
ar [1] = " 1 gear";
ar [2] = " 2 gear";
ar [3] = " 3 gear";
ar [4] = " 4 gear";
ar [5] = " VERY FAST";
ar [6] = " STOP OR CRASH";
ar [7] = "CAPUT";

if ( i == 6 )
{ document.getElementById("w").innerHTML = "@  &nbsp &nbsp &nbsp &nbsp _ ^-@"; }

else if ( i > 7 ) { i=0}

document.getElementById("buti").value=ar[i];
}
</script>

</head>

<body>

<input type="button" id="buti" value="STARTER" onclick="JavaScript: star(); bc(); ">
<p id="w" style=" position:absolute; left:100px;">@-^-@</p>

</body>
</html>

МОЛЯ ПОМОГНЕТЕ!

Link to comment
Сподели другаде

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гост
Отговори на тази тема

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   Не можете да качите директно снимка. Качете или добавете изображението от линк (URL)

Loading...
×
×
  • Създай ново...