Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] problem z setTimeout
Forum PHP.pl > Forum > Przedszkole
elglt
18.03.2013, 23:51:51
Witam, mam taki kod:

[HTML] pobierz, plaintext 
  1. <body onload="go();">
  2. <div id="jeden">
  3.  
  4. </div>
  5. <div id="dwa">
  6.  
  7. </div>
  8. <div id="trzy">
  9.  
  10. </div>
  11.  
  12.  <script type="text/javascript">
  13.  
  14. function go()
  15. {
  16. move();
  17. }
  18. function move() {
  19. var ileh =  document.getElementById("dwa").style.top;
  20. document.getElementById("dwa").style.top+="100px";
  21.  
  22.  
  23. setTimeout("move()",100);
  24.  
  25. }
  26. </script>
[HTML] pobierz, plaintext


no i wykonuje sie tylko raz cokolwiek bym nie zrobil...
PrinceOfPersia
19.03.2013, 01:11:35
Cytat
document.getElementById("dwa").style.top+="100px";

nie możesz tak dodać. JavaScript nie konwertuje w ten sposób na liczbę. Musisz coś takiego zrobić:
Kod
var el = document.getElementById("dwa");
var ileh =  parseInt(el.style.top);
el.style.top = (ileh + 100) + "px";
_Borys_
19.03.2013, 01:29:39 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
  5.     <style type="text/css">
  6.  
  7. 	#dwa{
  8. 	   position:absolute;
  9. 	   border:1px solid blue;
  10.        top: 0px;left: 500px;
  11.        width: 100px; 
  12.        height: 200px;
  13.        text-align: center;
  14. 	}
  15.  
  16. </style>
  17.   <script type="text/javascript">
  18.  
  19. function go()
  20. {
  21. a = 10;
  22. mySet=setInterval(move,1000);
  23. }
  24. move = function move() {
  25. document.getElementById("dwa").style.top = a+"px";
  26. a+=10;
  27. }
  28. function stopMySet()
  29.  {
  30. clearInterval(mySet);
  31. }
  32. </script>
  33. </head>
  34. <body onload="go();">
  35. <div id="dwa">
  36. <button onclick="stopMySet()">Stop</button>
  37. </div>
  38. </body>
  39. </html>
[HTML] pobierz, plaintext


setInterval();
albo setTimeout(); w pętli
elglt
21.03.2013, 22:57:26
dzieki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.