[AJAX] settimeout qui attend pas assez

**zooffy** · 31/12/2006, 17h09

Bonjour

Je viens de faire une petite fonction avec un timeout mais il atttends pas dans la boucle et je comprends pas pourquoi.

Lorsque je lance la page, je vois 20 fois une alert avec OK, puis ensuite 20 fois une alert avec OKFON et mon image qui descend.
Mais ce que je voudrais avoir une alert avec OK, une alert avec OKFON et l'image qui descend d'un cran et çà répété 20 fois.

Pouvez vous m'aider ?

Merci d'avance

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<html><head></head>
<body>
<SCRIPT LANGUAGE="javascript">
var hautimage = 100;
var gaucheimage = 100;
document.write('<IMG SRC="1.gif" ID=smile STYLE="position:absolute;top:'+hautimage +';left:'+gaucheimage+'">');
for (i=1; i<20; i++) {
setTimeout("bouge(i,i)",1000);
alert('ok');
} 
 
function bouge(x,y)
    {
alert('okfon');
    if(document.getElementById)
        {
        hautimage += y;
        gaucheimage += x;
        document.getElementById("smile").style.top = hautimage;
        document.getElementById("smile").style.left = gaucheimage;
        }
    }
 
</SCRIPT>
 
<!--<img src="1.gif">
<img src="2.gif">
<img src="3.gif">-->
</body></html>

**FremyCompany** · 31/12/2006, 19h45

setTimeout lance un timer... il n'attends pas que la fonction soit exécutée pour continuer...

**zooffy** · 01/01/2007, 12h01

ah, d'accord, je comprends mieux.

Mais alors, est ce qu'il y a une commande qui permet de faire une attente, comme WAIT en VB.

Merci pour ton aide et bonne année.

**Herode** · 03/01/2007, 12h01

Oui, c'est setTimeout ou setInterval

Pour ton problème, l'idée serait plutôt de relancer le timer toutes les secondes, et ce 20 fois d'affilée.

Pour relancer le timer automatiquement : il suffit de ré-appeler setTimeout depuis la callback.

Pour limiter le nombre de rappel à 20 fois, il faut disposer d'un compteur. Soit comme variable globale, soit (plus propre en général) comme variable statique pour la fonction de rappel (la callback).

Par exemple (avec une variable statique) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="idLaunch"></div>
<script language="javascript">
function launch()
{
	var d = document.getElementById( "idLaunch" );
	d.appendChild( document.createTextNode( "+" + launch.cpt ) );
	if ( ++ launch.cpt < 20 ) {
		setTimeout( launch, 1000 );
	}
}
launch.cpt = 0;
</script>
<input type="button" onclick="launch();" value="launch">

**zooffy** · 10/01/2007, 16h52

Merci beaucoup pour ton aide.
J'ai mis un peu de temps à réagir car dérangé par un autre projet urgent.

çà marche bien mais j'ai d'autres soucis. Je vais ouvrir un autre topic pour çà.

Encore merci

**zooffy** · 10/01/2007, 17h35

bon, en fait j'ai parlé trop vite car j'ai un autre souci, mais là j'ai esssayé de refaire le même schéma et j'ai pas réussi.

La fonction est un peu plus complexe car il faut faire bouger 22 images en même temps.

dés que je fais bouger plus de 5 images, çà sacade et à 22 çà fait deux sauts et pouf, c'est la fin. Je ne vois pas bien comment je peux rendre le mouvement plus fluide.

Petit détail : l'ID de mes images étant img + un chiffre, c'est pour çà que je fais un For pour déterminer l'ID de l'image à bouger.
Autre détail : le IF (i < 12) c'est jsute pour l'exemple, par la suite il va être beacuou plus complxex car chaque image doit prendre un chemein aléatoire avant d'arriver au même point, les unes sur les autres.

Merci pour votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 language="javascript">
function launch()
{
    var i;
    for (i=1; i<23; i++) 
    {
        var im = 'Img'+i;
	    var hautimage = parseInt(document.getElementById(im).style.top);
        var gaucheimage = parseInt(document.getElementById(im).style.left);
        if (i < 12) 
        {
            hautimage += 1;
            gaucheimage += 1;
        }
        else
        {	        
            hautimage += 1;
            gaucheimage += -1;
        }
            document.getElementById(im).style.top = hautimage;
            document.getElementById(im).style.left = gaucheimage;
 
	    if ( ++ launch.cpt < 40 ) {
		    setTimeout( launch, 100 );
	    }
    }
}
launch.cpt = 0;
</script>

**Eric Berger** · 11/01/2007, 10h25

Je crois que ton setTimout n'est pas au bon endroit, il devrait se trouver à l'extérieur du for, car en étant à l'intérieur du for, chaque appel à la fonction launch créé i appels à la fonction launch (à travers des setTimout) et ce n'est pas ce que tu veux...

**zooffy** · 11/01/2007, 10h52

oauh, trop d'la balle.

çà marche d'enfer.

Merci beaucoup pour ton aide.

Maintenant il ne me reste plus qu'à inventer une formule complqiuée pour faire un mouvement alléatoire et désynchronisé de chaque image. Bon, ben je vais aller chercher un matheu.

Encore merci.

[AJAX] settimeout qui attend pas assez

JavaScript

Discussions similaires

Partager

Partager