Vitesse Timer JS et réalité

Version imprimable

31/05/2013, 13h36
lcf84

Vitesse Timer JS et réalité

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

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:

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

31/05/2013, 14h53
nicosmash

Bonjour,

J'utilise :
setTimeout(votreFonction,TempsMs);

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

ça marche

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:

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