Discussion :

[Anduriel]

Salut,
Je fais un compte à rebours, mais je souhaite rajouter du temps au chronomètre quand je veux. Voila mes fonctions:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
var minutes = 0;
var heures = 0;
var secondes = 0;
 
function start_timer() {
	total_secondes = secondes * 1000;
	if (secondes > 60) {
		minutes = secondes / 60;
		secondes = secondes - minutes * 60;
	}
	if (minutes > 60) {
		heures = minutes / 60;
		minutes = minutes - heures * 60;
	}
	var actif = window.setInterval("change_timer()", 1000);
	window.setTimeout("window.clearInterval(actif)",total_secondes);
}
 
function add_time(time) {
	secondes+= time;
}
 
function change_timer() {
	if (secondes > 0) {
		secondes-= 1;
	}
	else {
		if (secondes == 0 && minutes > 0) {
			secondes = 59;
			minutes-= 1;
		}
		else {
			if (secondes == 0 && minutes == 0 && heures > 0) {
			secondes = 59;
			minutes = 59;
			heure-= 1;
			}
		}
	}
	if (heures < 10) rheures = '0'+heures; else rheures = heures;
	if (minutes < 10) rminutes = '0'+minutes; else rminutes = minutes;
	if (secondes < 10) rsecondes = '0'+secondes; else rsecondes = secondes;
	document.getElementById("decompte").innerHTML = rheures+':'+rminutes+':'+rsecondes;
}

Puis sur une page php j'ai ça:

Code :

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

1
2
3
4
   echo '<script type="text/javascript">'
          .'add_time('.unserialize($_SESSION['time']).');'
	     .'start_timer();'
	     .'</script>';

Mais si par exemple je pars de 60 secondes, je laisse écouler jusquà 50, puis je rejouter 60 secondes, le chrono redémarre a 60 secondes et non 110 secondes.
Comment dois-je faire je ne vois pas
Merci

[siddh]

euh moi ca marche :

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
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
<script type='text/javascript'>
	var minutes = 0;
var heures = 0;
var secondes = 0;
var actif = null;
 
function start_timer() {
   total_secondes = secondes * 1000;
   if (secondes > 60) {
      minutes = secondes / 60;
      secondes = secondes - minutes * 60;
   }
   if (minutes > 60) {
      heures = minutes / 60;
      minutes = minutes - heures * 60;
   }
   actif = window.setInterval("change_timer()", 1000);
   window.setTimeout("window.clearInterval(actif)",total_secondes);
}
 
function add_time(time) {
   secondes+= time;
}
 
function change_timer() {
   if (secondes > 0) {
      secondes-= 1;
   }
   else {
      if (secondes == 0 && minutes > 0) {
         secondes = 59;
         minutes-= 1;
      }
      else {
         if (secondes == 0 && minutes == 0 && heures > 0) {
         secondes = 59;
         minutes = 59;
         heure-= 1;
         }
      }
   }
   if (heures < 10) rheures = '0'+heures; else rheures = heures;
   if (minutes < 10) rminutes = '0'+minutes; else rminutes = minutes;
   if (secondes < 10) rsecondes = '0'+secondes; else rsecondes = secondes;
   document.getElementById("decompte").innerHTML = rheures+':'+rminutes+':'+rsecondes;
}
</script>
<div id="decompte"></div>
<script type="text/javascript">
          add_time(60);
        start_timer();
        </script>
<input type="button" onclick="add_time(60)" value="add 60s" />

par contre on a bien 110 si je click a 50 sur le bouton au lieu de 1 min 50s

[siddh]

au lieu du setTimeout, je mettrais un if dans change_timer qui fais le clearIntervall si ton temps est a 0

[Anduriel]

Oui ce code marche avec le bouton mais en fait ce qui plante dans mon cas c'est que ma page est rechargée
Donc à chaque fois

<script type="text/javascript">
add_time(60);
start_timer();
</script>

est réexecuté...
Comment faire?

[siddh]

ben met toi un param dans l url pour repasser a ta page le nombre restant

[Anduriel]

Justement mon problème c'est de savoir à combien est le chrono quand je recharge la page

[siddh]

comment reload tu ta page ?

[Anduriel]

En fait je poste un formulaire vers la même page qui récupère le temps à ajouter (en simplifiant). Là j'exécute la fonction add_time() et start_time().

P.S Important: quand je poste, je récupère toutes les infos que je gère mais je fais derrière un header(location) vers cette même page pour éviter de re-poster lors d'une éventuelle actualisation.

[siddh]

ben au lieu du header location, fais une redir js comme ca tu peux construire ton url en y mettant ton nombre de secondes

[Anduriel]

Là encore ce n'est pas possible enfin je pense parce que l'url ne doit pas être modifiable par l'utilisateur.
Une question: quand je recharge ma page, mes seondes javascripts sont perdues? Tou recommence obligatoirement?

[siddh]

oui pour la perte des données (meme si spacefrog te parlera des variables navigator )

tu peux tres bien faire un truc comme ca

Code :

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

1
2
3
 
var monurl = "http://www.monsite.com/mapage.php?seconds="+seconds;
document.location.replace(monurl);

[Anduriel]

C'est vrai que c'est une bonne solution.
Mais après longue et mure réflexion ( ), j'ai décidé d'utiliser unix_timestamp php et des table SQL. J'en aurait de toute façon besoin au cas ou le navigateur est quitté. Je pense que je devrai mieux m'en sortir avec

Désolé mais merci de ton aide