Fonction dans une fonction

Version imprimable

Bonjour à tous,

Ci-dessous un décompte qui fonctionne SUPER BIEN tout seul...

Code:

1
2
3
4
5
6
7
var nombre2=100;
function nombre(){
if (nombre2>0){
	document.getElementById('compteur').innerHTML=nombre2;
	nombre2--;
}}
var monInterval2 = setInterval(nombre, 1000);

Le problème est que je souhaite l'insérer à l'intérieur d'une autre fonction (fonction dans une fonction) et là, plus rien ne fonctionne.

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
<script language="javascript">
function charge()
     {
 $.ajax({   
        url: 'jeup4verif2.php',  
		cache: false,
		dataType: "json",
 		returnJSONType: "json",
        success: function(returnJSON) { 
		$srcnew=returnJSON.donnee1;
		$picturenew=returnJSON.donnee2;
		$final=returnJSON.donnee3;
		document.getElementById($picturenew).src=$srcnew;
		document.getElementById('tour').innerHTML=returnJSON.donnee4;
		document.getElementById('final').innerHTML=$final;
 
		var nombre2=100;
function nombre(){
if (nombre2>0){
	document.getElementById('compteur').innerHTML=nombre2;
	nombre2--;
}}
var monInterval2 = setInterval(nombre, 1000);
 
    }
});
	 }
var monInterval = setInterval(charge, 1000);
</script>

Comment je pourrais résoudre ça ?

Merci à tous,
Antoine

Salut,

Code:

1
2
3
4
5
6
7
8
 
function nombre(){
	this.n=(typeof this.n=='undefined')?100:this.n-1;
	document.getElementById('compteur').innerHTML=this.n;
	if(this.n>0)
		setTimeout('nombre()',1000);
}
setTimeout('nombre()',1000);

26/08/2010, 22h43
ingeniomatique

C'est pareil.
La fonction marche toute seule mais pas si on l'imbrique dans ma seconde fonction.

Merci par avance :)
27/08/2010, 14h28
JulienC

Salut,

Si tu ne lance ton appel ajax qu'une seule fois (donc si tu supprime la ligne "var monInterval = setInterval(charge, 1000);"), qu'est ce que ca fait ?

Vu d'ici, l'appel ajax est appelé toutes les secondes, donc la variable nombre2 mise à 100 toutes les secondes, donc le contenu de ta balise "compteur" mis à 100 toutes les secondes, bref, effectivement, ca ne va pas bouger beaucoup !

Pas faux.

Mais le souci n'est pas lié à ça car en le testant dans une autre de mes fonctions ça donne pareil (le décompte ne démarre pas).

Par exemple :

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
31
32
33
34
<script type="text/javascript">  
$(function(){
 $("#conteneur img" ).click(function(){
 var picture1 = $(this).attr("id");
 $picture2 = $(this);
$.ajax({ 
		url: 'jeup4verif.php?play='+picture1,
		cache: false,
		dataType: "json",
 		retourJSONType: "json",
		error: function(xhr,erreur) {alert(erreur)},
        success: function(retourJSON) { 
			$tour=retourJSON.donnee3;
			$final=retourJSON.donnee2;
            $picture2.attr('src', retourJSON.donnee1);
			document.getElementById('tour').innerHTML=$tour;
			document.getElementById('final').innerHTML=$final;
 
		function nombre(){
	this.n=(typeof this.n=='undefined')?100:this.n-1;
	document.getElementById('compteur').innerHTML=this.n;
	if(this.n>0)
		setTimeout('nombre()',1000);
}
setTimeout('nombre()',1000);
 
			if ($final!='') {
clearInterval(monInterval);
}  
        }  
    }); 
 });
});
</script>

Alors que la fonction toute seule marche...

Merci par avance

27/08/2010, 20h32
SpaceFrog

ne l'imbrique pas, laisse la dehors, mais appelle là dans la fonction
28/08/2010, 14h58
ingeniomatique

Tout à fait. Ca fonctionne. Merci.