[JS] Dziwne zatrzymanie ruchu obiektu

[JS] Dziwne zatrzymanie ruchu obiektu

Madlova Zobacz profil	5.04.2013, 23:00:15 Post #1
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 2.10.2012 Ostrzeżenie: (0%)	Hej, Z nieznanych mi przyczyn mój obrazek, który wprawiam w ruch zatrzymuje się zamiast od razu wykonywać inny ruch: Chcę, by po kliknięciu start obrazek się poruszał, po kliknięciu w dany obrazek - zaczął poruszać się w inną stronę. Niestety obrazek za 1szym klikiem zatrzymuje się, a dopiero drugi klik wprawia go w ruch przeciwny. A tak być nie może:( [HTML] pobierz, plaintext <div id="start" onClick="start()">Start</div> <img src="robak.png" id="robak" onClick="zmiana()" style="position: absolute; top: 400px; left: 600px;"/> <script type="text/javascript"> var x=600; function start(){ document.getElementById("start").innerHTML=""; document.getElementById("robak").style.left=x+'px'; x--; t=setTimeout("start()",20); if(x==300){ clearTimeout(t); } } function zmiana(){ x++; document.getElementById("robak").style.right=x+'px'; t=setTimeout("zmiana()",20); if(x==900){ clearTimeout(t); } } </script> [HTML] pobierz, plaintext Wskazówki mile widziane!

Odpowiedzi

_Borys_ Zobacz profil	6.04.2013, 11:10:24 Post #2
Grupa: Zarejestrowani Postów: 587 Pomógł: 190 Dołączył: 5.02.2011 Skąd: 64-800 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" charset="utf-8"/> <script type="text/javascript"> var move = false; var x=600; function start(){ document.getElementById("start").innerHTML=""; zmiana(); } function zmiana(){ document.getElementById("robak").style.left=x+'px'; !move ? x-- : x++ ; x == 300 \|\| x == 900 ? clearTimeout(t):t=setTimeout("zmiana()",20); } </script> </head> <body> <div id="start" onClick="start();">Start</div> <img src="robak.png" id="robak" onClick="!move ? move = true : move = false;clearTimeout(t);zmiana();" style="position: absolute; top: 400px; left: 600px;"/> </body> </html> [HTML] pobierz, plaintext Ten post edytował _Borys_ 6.04.2013, 11:47:15