Discussion :

[lcf84]

Bonjour,

je cherche à faire utiliser un timer tout simple en JS.
J'utilise http://code.google.com/p/jquery-timer/ qui est plutot simple d'utilisation.

Le problème que je rencontre avec tous les scripts de ce genre c'est que les secondes qui passent sont trop rapides ou trop lentes.

Si je fais tourner le compteur pendant plusieurs minutes en même temps qu'un vrai chronomètre je m'apperçoit qu'il y a un décallage de plus en plus grand.

Avez-vous une idée pour résoudre ce pb?
Est-ce que ça dépend du navigateur?
Auquel cas il faut que je trouve une solution générique.

Merci

[SylvainPV]

C'est un problème qu'il faudrait soulever au créateur de la librairie.
Selon les navigateurs les fonctions setTimeout et setInterval n'ont pas la même précision. Je pense qu'il y a une précision un peu meilleure avec setInterval. Pour vraiment être parfaitement synchro, il faut régulièrement compenser les écarts en récupérant à nouveau la date.

Quelque-chose comme ça :

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
var timer = {
   loop: function(){
 
     //code à appeler toutes les secondes ici
 
      timer.tick++;
      var now = Date.now();
      var dateWanted = timer.lastTickDate + 1000;
      var delta = now - dateWanted;
      timer.timeout = setTimeout(timer.loop, 1000 - delta);
      timer.lastTickDate = dateWanted;
      console.log("Tick "+timer.tick +"("+delta+"ms d'écart)");
   },
   start: function(){
      this.tick = 0;
      this.lastTickDate = Date.now()-1000;
      this.loop();
   }
}; 
 
timer.start();

[nicosmash]

Bonjour,

J'utilise :
setTimeout(votreFonction,TempsMs);

Voici la doc :
http://www.w3schools.com/js/js_timing.asp

[lcf84]

Merci SylvainPV,
t'as solution fonctionne très bien, on rattrape le décallage.

Pour amener un complément de solution j'ai juste rajouter les fonctions pour arrêter et réinitialiser le compteur.

Merci encore.

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
 
var timer = {
    loop: function(){
 
        //code à appeler toutes les secondes ici
        timer.tick++;
        var now = Date.now();
        var dateWanted = timer.lastTickDate + 1000;
        var delta = now - dateWanted;
        timer.timeout = setTimeout(timer.loop, 1000 - delta);
        timer.lastTickDate = dateWanted;
        console.log("Tick "+timer.tick +"("+delta+"ms d'écart)");
    },
    start: function(){
        this.lastTickDate = Date.now()-1000;
        this.loop();
    },
    stop: function(){
        clearTimeout(timer.timeout)
    },
    reset: function() {
        this.stop();
        timer.tick=0;
    }
 
};