Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Dziwne zatrzymanie ruchu obiektu
Madlova
post
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 
  1. <div id="start" onClick="start()">Start</div>
  2. <img src="robak.png" id="robak" onClick="zmiana()" style="position: absolute; top: 400px; left: 600px;"/>
  3.  
  4. <script type="text/javascript">
  5. var x=600;
  6. function start(){
  7. 	document.getElementById("start").innerHTML="";
  8.  
  9. 	document.getElementById("robak").style.left=x+'px';
  10. 	x--;
  11. 	t=setTimeout("start()",20);	
  12. 	if(x==300){
  13. 		clearTimeout(t);
  14. 	}
  15.  
  16. }
  17. function zmiana(){
  18.  
  19. 	x++;
  20. 	document.getElementById("robak").style.right=x+'px';
  21.  
  22. 	t=setTimeout("zmiana()",20);	
  23. 	if(x==900){
  24. 		clearTimeout(t);
  25. 	}
  26. }
  27.  
  28. </script>
[HTML] pobierz, plaintext


Wskazówki mile widziane!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----

to proste, po prostu w momencie jak klikniesz, funkcja start dalej się wykonuje, i ruch w prawo i ruch w lewo znoszą się wzajemnie.
dopisz to co jest pogrubione:
Cytat
var x=600;
var t;


oraz:
Cytat
clearTimeout(t);
t=setTimeout("zmiana()",20);


Ten post edytował PrinceOfPersia 6.04.2013, 07:41:23


--------------------
Live demo mojej wtyczki do Atoma (lepsza nawigacja po plikach)
Go to the top of the page
+Quote Post
_Borys_
post
Post #3





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
  5. 	<script type="text/javascript">
  6. var move = false;
  7. var x=600;
  8. function start(){
  9. 	document.getElementById("start").innerHTML="";
  10.     zmiana();
  11. }
  12. function zmiana(){
  13.     document.getElementById("robak").style.left=x+'px';
  14.     !move ? x-- : x++ ;
  15.     x == 300 || x == 900 ? clearTimeout(t):t=setTimeout("zmiana()",20);
  16.  }
  17. </script>
  18. </head>
  19.  
  20. <body>
  21. <div id="start" onClick="start();">Start</div>
  22. <img src="robak.png" id="robak" onClick="!move ? move = true : move = false;clearTimeout(t);zmiana();" style="position: absolute; top: 400px; left: 600px;"/>
  23.  
  24.  
  25.  
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


Ten post edytował _Borys_ 6.04.2013, 11:47:15
Go to the top of the page
+Quote Post
Madlova
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 2.10.2012

Ostrzeżenie: (0%)
-----

Dzięki wielkie Wam obojgu!
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 03:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn