Discussion :

[Issam]

Bonjour,
j'ai cette fonction dans mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function Button3_onclick() {
 
        if (j > 5) {
            changebackground();
            j = 1;
         }
        else {
            j += 1;
            movebackgAround();
        }
    }

movebackground affecte la propriété background-position et changebackground utilise jquery pour d'autres types d'animations

Maintenant comment exécuter ce code a l'infini sans bloquer le navigateur,
j'ai essayer de rajouter un callback a la fin qui rappelle la même fonction récursivement , mais ça plante ma page

j'ai cru comprendre que le javascript est par défaut mono thread, donc comment laisser tourner cette animation , et pouvoir faire autre chose dans ma page et éventuellement ajouter d'autres animation jquery

Merci pour votre aide et bonne journée

[andry.aime]

Bonjour,

Soit tu utilises un setInterval, soit tu utilises une boucle récursive en appelant la fonction dans la fonction même.

A+.

[Issam]

appeler la fonction récursivement serait l'idéal , sauf que ça bloque le navigateur ...
voila ce que j'ai essayé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function Button3_onclick() {
	if (j > 5) {
		changebackground();
		j = 1;
	}
	else {
		j += 1;
		gayamoveBgAround();
	}
	Button3_onclick();
}

[andry.aime]

Ajoute un timing avec setTimeout.