Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Tworzenie wielu obiektów na raz, for.
Forum PHP.pl > Forum > Przedszkole
tzm
7.07.2014, 12:00:47 
[HTML] pobierz, plaintext 
  1. for(i = 1; i < 5; i++){
  2. 		var objEmpty = {};
  3. 		var objEmpty['obj'+i] = new T('obj'+i);
  4. 		addEventListener('mousemove', function() {obj.setStopTime();obj.go2();});
  5. 		addEventListener('keydown', function() {obj.setStopTime();obj.go2();});
  6. 	}
[HTML] pobierz, plaintext


Co źle robię?
nospor
7.07.2014, 12:03:25
1) Ciezko napisac czym sie objawia blad??
2) Za kazdym razem w petli tworzysz var objEmpty = {}; przez co nadpisujesz poprzednie. A o to ci chyba nie chodzilo...

3) Rowniez to jest bez sensu
var objEmpty['obj'+i]
powinno byc
objEmpty['obj'+i]
tzm
7.07.2014, 12:21:38
Problem nie objawia się niczym, żadnej sensownej akcji nie widać a z debbugowania JS jestem lewy jak cholera.

Właśnie o to chodzi by dla 4 elementów div na stronie utworzyć ten obiekt osobno. Każdy div ma mieć swój licznik.

Może całość rozjaśni bardziej problem:

[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. 		<link rel="stylesheet" type="text/css" href="style.css">
  7. 		<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  8. 		<title>Zadanie #6</title>
  9.     <script>
  10.       function T(div){
  11. 	  var millis = 0;
  12. 	  var sec = 0;
  13. 	  var stopTime=0;
  14. 	  var totalTime =0;
  15. 	  var temp = 0;
  16. 	  var startTime=0;
  17. 	  var work = false;
  18. 		this.setStopTime = function(){
  19. 		  stopTime = (new Date()).getTime() + 3000;
  20. 		}
  21. 		function setValue(value) {
  22. 		  millis = Math.floor ( value % 1000 );
  23. 		  value = Math.floor( value / 1000);
  24. 		  sec = Math.floor ( value % 60 );
  25. 		  value = Math.floor( value / 60 );
  26. 		  if( value < 10 ) { value="0" + value;
  27. 			if( sec < 10 ) { sec = "0" + sec; }
  28. 			else if( millis < 100 ) { millis = "00" + millis; }
  29. 		  }
  30. 		document.getElementById(div).innerHTML = value + ":" + sec +"." + millis;
  31. 		}
  32. 		this.go2 = function() {
  33. 		  if ( work == true ) return;
  34. 		  work = true;
  35. 		  document.getElementById(div).style.backgroundColor="red";
  36. 		  var currentTime = (new Date()).getTime();
  37. 		  startTime = currentTime;
  38. 		  var counter = setInterval(function() {
  39. 		if(currentTime >= stopTime){
  40. 		document.getElementById(div).style.backgroundColor="";
  41. 		clearInterval(counter);
  42. 		totalTime+= stopTime - startTime;
  43. 		work = false;
  44. 		setValue(totalTime);
  45. 		return;
  46. 		}
  47. 		temp = currentTime - startTime;
  48. 		setValue(temp+totalTime);
  49. 		currentTime = (new Date()).getTime();
  50. 		}, 1);
  51. 		}
  52. 	}
  53.  
  54.  
  55. 	for(i = 1; i > 5; i++){
  56. 		var obj = new T('obj'+i);
  57. 		addEventListener('mousemove', function() {obj.setStopTime();obj.go2();});
  58. 		addEventListener('keydown', function() {obj.setStopTime();obj.go2();});
  59. 	}
  60.   </script>
  61. 	</head>
  62.   <body>
  63.  
  64.       <div id="obj1"><p>licznik 1</p></div>
  65.       <div id="obj2"><p>licznik 2</p></div>
  66.       <div id="obj3"><p>licznik 3</p></div>
  67.       <div id="obj4"><p>licznik 4</p></div>
  68.  
  69.   </body>
  70. </html>
[HTML] pobierz, plaintext
markuz
7.07.2014, 12:23:32
https://developer.mozilla.org/en-US/docs/We...nted_JavaScript
nospor
7.07.2014, 12:24:39
raz masz i < 5 raz i > 5....zastanow sie na logcznoscią....
raz tworzysz tablice raz nie tworzysz....

napisalem ci jak masz poprawic pierwszy kod. Nie widze nigdzie moich uwag
tzm
7.07.2014, 12:38:31
@nospor dałem co miałem na moment zanim wychodziliśmy na fajkę, nie poprawione.

To:
[HTML] pobierz, plaintext 
  1. 	for(i = 1; i < 5; i++){
  2. 		var obj = new T('obj'+i);
  3.     window.onload = function() {
  4.       addEventListener('mousemove', function() {obj.setStopTime();obj.go2();});
  5.       addEventListener('keydown', function() {obj.setStopTime();obj.go2();});
  6.     };
  7. 	}
[HTML] pobierz, plaintext

Działa dla jednego obiektu - ostatniego.
To:
[HTML] pobierz, plaintext 
  1.   var objEmpty = {};
  2. 	for(i = 1; i < 5; i++){
  3. 		objEmpty['obj'+i] = new T('obj'+i);
  4.     window.onload = function() {
  5.       addEventListener('mousemove', function() {obj.setStopTime();obj.go2();});
  6.       addEventListener('keydown', function() {obj.setStopTime();obj.go2();});
  7.     };
  8. 	}
[HTML] pobierz, plaintext

Nie działa w ogóle. Chciałbym zrozumieć gdzie błąd robię.
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.