this non conservé malgré new ?

Version imprimable

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type="text/javascript">
arrfunc=new Array()
 function Rebour(div,start) {
          this.chrono=(this.chrono==undefined)?start:this.chrono+1
          document.getElementById(div).innerHTML = ++this.chrono
      }
 
function launch(div, start){
setInterval( function(){ new Rebour(div,start)},1000) 
}
 
function init(){
for(i=1;i<7;i++){
 launch('_'+i,i*3) 
}
}
 
</script>
</head>
 
<body onload="init()">
 
<div id="_1"></div>
<div id="_2"></div>
<div id="_3"></div>
<div id="_4"></div>
<div id="_5"></div>
<div id="_6"></div>
<div id="_7"></div>
</body>

10/02/2011, 17h34
Sunchaser

Bonjour Ô Maitre SpaceFrog,

Je ne comprends peut être pas la ou est le problème, car (comme je suis très curieux et que j'ai envie d'apprendre) je me suis permis d'essayer pour voir ce que ca faisait, et j'ai bien des petites valeurs qui s'affichent dans des divs.
10/02/2011, 17h39
Bovino

Dans ton timer, chaque new Rebour() crée une nouvelle instance (anonyme) de Rebour, le this s'applique donc à chacune de ces instances et non au constructeur lui-même ;)

Citation:

Envoyé par Bovino

Dans ton timer, chaque new Rebour() crée une nouvelle instance (anonyme) de Rebour, le this s'applique donc à chacune de ces instances et non au constructeur lui-même ;)

+1 pour le Bovin. ;)

@LaGrenouille: A mon avis, le résultat que tu attends ressemble à ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 arrfunc=new Array(); function Rebour() { this.start = function(div,start) { this.chrono=(this.chrono==undefined)?start:this.chrono+1 document.getElementById(div).innerHTML = ++(this.chrono); } } function launch(div, start){ var r = new Rebour(); setInterval( function(){ r.start(div,start)},1000) } function init(){ for(i=1;i<7;i++){ launch('_'+i,i*3) } }
edit: et même plus proprement (pour que la fonction "start" ne soit pas définie 7 fois en mémoire) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 arrfunc=new Array(); function Rebour(){} Rebour.prototype.start = function(div,start) { this.chrono=(this.chrono==undefined)?start:this.chrono+1 document.getElementById(div).innerHTML = ++(this.chrono); } function launch(div, start){ var r = new Rebour(); setInterval( function(){ r.start(div,start)},1000) } function init(){ for(i=1;i<7;i++){ launch('_'+i,i*3) } }
;)

10/02/2011, 18h03
Willpower
A noter aussi que :
Code:

1 2 3 this.chrono=(this.chrono==undefined)?start:this.chrono+1 document.getElementById(div).innerHTML = ++(this.chrono);
Si chrono est défini, tu l'incrémentes 2 fois. (this.chono+1 & ++this.chrono)
;)
10/02/2011, 20h00
SpaceFrog

Merci les gars...
Je n'arrivais pas à joindre le compteur unitairement à l'instance de fonction, ce qui et réalisé dans le code de will sur le this.start ou en prototypant la fonction

pour ce qui ets du double incrément c'est une trace de mes errance sur différents tests, il n'y a pas de double incrément en réalité ;)