Discussion :

[progdebutant]

Salut

Quelqu'un saurait comment on fait en javaScript pour faire se répéter une fonction pendant un nombre de fois voulu et pas trop vite ?
Par exemple un nombre de fois = 3
Et vitesse je sais pas, disons 1000 ms.

Dans la barre de recherche si je saisis "répéter fonction" ça me mène à rien de concret.

[Eric2a]

Salut,

Tu as le choix entre

setTimeout
Exécute un morceau de code ou une fonction après un délai determiné.

ou

setInterval
Appelle une fonction de manière répétée, avec un certain délai fixé entre chaque appel.

Exemple avec setTimeout...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var max=3,current=0,str=['Premier','Deuxième','Troisième'];
 
function traitement(){
	console.log(
		str[current++] +	// str[current++] = Récuperation élément str[current] ; incrémentation de current
		(current==max?' et dernier':'')+
		' passage'
	);
	if(current<max)setTimeout(traitement,1000);
}
traitement();

[progdebutant]

super !
Merci eric2a, mais le setInterval il faut savoir l'arrêter non ? sinon il va continuer tout le temps ?

En tous cas avec ton setTimeout ça a l'air bien je vais essayer, merci beaucoup pour cette solution !

[Eric2a]

le setInterval il faut savoir l'arrêter non ? sinon il va continuer tout le temps ?

Tout à fait.

Pour pouvoir l'arrêter, il faut utiliser la méthode clearInterval avec pour paramètre, la valeur de retour du précédent appel à la méthode setInterval.

Le même exemple avec la méthode setInterval.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var max=3,current=0,str=['Premier','Deuxième','Troisième'],timer;
 
function traitement(){
	console.log(
		str[current++] +
		(current==max?' et dernier':'')+
		' passage'
	);
	if(current>=max)clearInterval(timer);
}
 
timer=setInterval(traitement,1000);// Mémoriser le retour qui sera utilisé par la méthode clearInterval

[micetf]

Bonsoir,

Un proposition...

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var repeter = function (fct, n, d) {  
    var i = 0,
        timer = setInterval(function () {
            i += 1;
            fct('Itération n° ' + i + ' : ' + new Date().getTime());
            if (i === n) {
                clearInterval(timer);
            }
        }, d);
}
 
repeter(function (msg) {
    console.log(msg);
}, 3, 1000);

[progdebutant]

Merci beaucoup micetf !

C'est vraiment cool l'entraide

Eric2a grace à tes deux exemples je comprend mieux ce que je n'avais pas bien compris après moult recherches.

EDIT :
En fait j'ai cru que c'était bon mais en mettant mes valeurs j'ai foiré le truc je crois.
Je n'ai pas encore essayé le code de micetf mais je le garde pour tester après, c'est bien que je sache faire de plusieurs façons et ça m'a permis de voir comment utiliser l'instruction autrement.

J'ai un peu modifié (lol) la version de eric2a et bien sûr ça ne marche pas j'ai une erreur : "trop de répétition" et ça bloque l'action de mon code.

Ce que je veux faire c'est lancer un certain nombre de fois une fonction "deplacement" (incrémentation ou décrémentation) d'une variable nommée "x".

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
 
var x=0;
 
function Deplace(numero,dir,compteur){
      if(dir==1) x=x+1;
      if(dir==2) x=x-1;
      console.log("element"+numero+" X="+x);break;
      compteur--;
      return compteur;
}
 
function Bouge(numero,dir,compteur){
	Deplace(numero,dir,compteur);
	if(compteur>0){setTimeout(Bouge(numero,dir,compteur),1000);}
}
 
window.onload=function(){
	Bouge(0,1,3); // numero de l'élement à bouger (0), direction (1), nombre de fois (3) 
 }

Je crois que je n'ai pas bien saisi le fonctionnement c'est bizarre car le principe est simple pourtant !