Arrêt / reprise timer

Version imprimable

Bonjour,

J'ai une fonction que j'ai dèv. qui compte le temps passé sur une page, j'aimerais rajouter un bouton "stop timer" et "reprise timer", mais je bloque à ce niveau là.

Voici ma fonction Timer :

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
function Timer( z, y, x )
{
  if( x < 59 ) x++;
  else
  {
    x = 0;
    if( y < 59 ) y++;
    else
    {
      y = 0;
      if( z < 23 ) z++;
      else
      {
        z = 0;
        alert(" Une journée complète est passée !");
        return false;
      }
    }
  }
  document.getElementById('secondes').value = x;
  document.getElementById('minutes').value = y;
  document.getElementById('heures').value = z;  
  setTimeout("Timer("+ z + "," + y + "," + x + ")",1000);
}
 
Timer( 00, 00, 00 );

et mon petit code HTML

Code:

1
2
3
4
5
6
7
 
Temps pass&eacute; sur l'intervention :
<div style="border:1px solid #f00;width:300px;margin:0 auto;">
  <input type="text" name="heures" id="heures" value="00" size="1" class="ReadOnly" readonly="Readonly" />heures
  <input type="text" name="minutes" id="minutes" value="00" size="1" class="ReadOnly" readonly="Readonly" />minutes
  <input type="text" name="secondes" id="secondes" value="00" size="1" class="ReadOnly" readonly="Readonly" />secondes
</div>

Pouvez-vous m'aider svp ?
Merci

Ju'

24/02/2012, 20h22
javatwister

salut

dans l'idée, quel rapport entre ce bouton et l'évaluation du temps passé?

bon, bref; au pire, tu mémorise x, y et z en variable globale et tu relance la fonction avec;

et si tu veux cumuler le temps sur plusieurs consultations de la page, là, c'est variable de session obligatoire;
27/02/2012, 09h09
ju0123456789

Bonjour,

En gros, au chargement de la page, le compteur démarre. On peut le mettre en pause et le reprendre là où ça en était.
C'est tout ce que je souhaite. Donc un input "pause" et un autre "play", mais je ne vois pas comment faire ça. Et non, ce n'est pas un cumul, de temps c'est beaucoup plus simple mais je suis toujours bloqué. lol
28/02/2012, 12h05
javatwister

au clearTimeout, tu mémorises x, y et z en variables globales et tu relances la fonction avec;

:?

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html><body>
Temps pass&eacute; sur l'intervention :
<div style="border:1px solid #f00;width:300px;margin:0 auto;">
  <input type="text" name="heures" id="heures" value="00" size="1" class="ReadOnly" readonly="Readonly" />heures
  <input type="text" name="minutes" id="minutes" value="00" size="1" class="ReadOnly" readonly="Readonly" />minutes
  <input type="text" name="secondes" id="secondes" value="00" size="1" class="ReadOnly" readonly="Readonly" />secondes
</div>
 
<script>
function Timer(x,y,z){
        var interval;
        function private_run(){
                if( x < 59 ) 
                        x++;
                else{
                        x = 0;
                        if( y < 59 ) 
                                y++;
                        else{
                                y = 0;
                                if( z < 23 ) 
                                        z++;
                                else{
                                        z = 0;
                                        alert(" Une journée complète est passée !");
                                        return false;
                                }
                        }
                }
                document.getElementById('secondes').value = x;
                document.getElementById('minutes').value = y;
                document.getElementById('heures').value = z;  
        }
        this.resume = function(){
                interval = setInterval(private_run,1000);
        };
        this.pause = function(){
                clearInterval(interval);
        };
        this.resume();
}
// créé et démarre un nouveau timer initialisé à 0
var timer = new Timer( 0, 0, 0 );
// met en pause le timer
timer.pause();
// redémarre le timer
timer.resume();
 
 
</script>
 
<input type="button" onclick="timer.pause();" value="pause" />
<input type="button" onclick="timer.resume();" value="resume" />
 
</body></html>

28/02/2012, 13h07
ju0123456789

Bonjour,

T'assures c'est exactement ce que je voulais !
Une fois réadapté à ma sauce ça sera niquel !
Merci beaucoup

Bonne journée
Ju'