Comment répéter une fonction un nombre de fois à la vitesse voulue ?

Version imprimable

16/02/2016, 17h57
progdebutant

Comment répéter une fonction un nombre de fois à la vitesse voulue ?

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.

Salut,

Tu as le choix entre

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

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

Exemple avec setTimeout...
Code:

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();

16/02/2016, 20h49
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 !

Citation:

Envoyé par progdebutant

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 :fleche: 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:

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

Bonsoir,

Un proposition...

Code:

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);

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:

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 !

Perso, j'aurais tout mis dans bouge() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var bouge = function (numero, dir, compteur) {
        var x = 0,
            cpt = compteur,
            deplace = function () {
                if (dir === 1) {
                    x += 1;
                } else {
                    x -= 1;
                }
                console.log("element" + numero + " X = " + x);
                cpt--;
                if (cpt > 0) {
                    setTimeout(deplace, 1000);
                }
            };
            deplace();
    };
 
window.onload = function () {
    bouge(0, 1, 3);
};

17/02/2016, 10h50
progdebutant

Merci micetf je vais voir ça !

Impeccable ça marche super !

J'avais oublié qu'on peut mettre une fonction dans une autre fonction en fait c'est ce principe la solution à ce problème quoi.
Bonne chose d'apprise aujourd'hui !

Je vous remercie tous les deux de m'avoir aidé ça me dépanne grandement mon projet avance ;)