Arrêt / reprise timer

**ju0123456789** · 24/02/2012, 17h34

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 :

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

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

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'

**javatwister** · 24/02/2012, 20h22

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;

**ju0123456789** · 27/02/2012, 09h09

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

**javatwister** · 28/02/2012, 12h05

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

**Willpower** · 28/02/2012, 12h21

Code html :

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

**ju0123456789** · 28/02/2012, 13h07

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'

Arrêt / reprise timer

JavaScript

Discussions similaires

Partager

Partager