chrono

Version imprimable

chrono

BOnjour,

Voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
function compteur()														// fonction compteur qui est appelée en chargeant la page et par elle même
  { 												    
  var tps_restant = 120;
  //document.getElementById("tps_restant").value
  //parseInt(document.parametres.temps_restant.value);  // affiche le temps
  tps_restant--;											// décrémentation
   if(tps_restant > 0)
    {
   // setTimeout('compteur()',1000);
    alert(tps_restant);
     } 
    if(tps_restant == 0)
     {
      alert('Fin du temps');											// fin du jeu en raison du temps
      }
}

J'ai essayé en initialisant la variable ou alors avec la valeur entrée dans le input. Ni l'un ni l'autre nbe marche.

HTML correspondant

Code:

1
2
3
4
 
	Durée du jeu en secondes: 
			<input type="text" name="duree" size="5" disabled>
	   		<input type="button" name="Button_create" onclick="compteur();setTimeout('compteur()',1000);calcul_cases();verif_param();" value="Attention, un seul clic et le jeu débute!">

merci

02/11/2005, 11h11
XtoX

Tu pourrais expliquer ce que tu souhaiterais que ce code fasse.
02/11/2005, 11h13
eleve36

explication

bonjuor,

on entre une valeur de durée dans un input puis quand on clique sur un bouton, un compte à rebours débute.
02/11/2005, 11h19
javatwister

c'est une manie les boubles posts en novembre???

je t'ai proposé quelque chose lundi! :twisted:
02/11/2005, 11h28
eleve36

Avec mes excuses

Bonjour,
avec toutes mes excuses, je n'avais pas vu.

Je mettais sur le forum suite à une discussion sur le chat.

Merci pour le code.

Je ne comprends pas très bien le principe (je vois que c'est avec des noeuds).

Re: chrono

Essaye quelque chose de ce genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function launch_compteur(temps) {											// 
  var tps_restant = temps;
  var compteur_timer = setInterval(compteur,1000);
  affiche_compteur();
}
 
function compteur() {
  tps_restant--;
  affiche_compteur();
  if (tps_restant==0) {
    alert('La partie est terminée!!');
    window.clearInterval(compteur_timer);
  }
}
 
function affiche_compteur() {
  document.getElementById('idDeTonChampCompteur').value=tps_restant;
}

Avec une entrée du temps de ce genre:

Code:

1
2
3
4
5
 
Durée du jeu en secondes: 
		<input type="text" name="duree" id='duree' size="5" disabled>
		<input type="button" name="Button_create" onclick=
"launch_compteur(document.getElementById('duree'));calcul_cases();verif_param();" value="Attention, un seul clic et le jeu débute!">

Bonne chance!!

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
<title>Nouvelle page 1</title>
 
<script type='text/javascript'>
var countdown;
var TR;
function compteur()   {  // fonction compteur qui est appelée en chargeant la page et par elle même
 
 	var duree=document.getElementById('init').value	
   if (isNaN(duree)|duree.length==0) {alert('entrez une valeur');
   						  return false;
   						  }
   	TR=Number(duree)
   countdown=setInterval(function(){decremente()},1000);
 
 
 
}
 
function decremente(){
          if (TR==0){alert('temps écoulé');
          				clearInterval(countdown);
          				document.getElementById('ButStart').disabled='false';
          				return false;
          				}
          	TR=TR-1
          	document.getElementById('chrono').value=TR;
          	}			
 
</script>
</head>
 
<body>
 
         <input type="text" name="duree" size="5" id="init">
         <input type="button" name="Button_create" id="ButStart" onclick="compteur();this.disabled='true'" value="Attention, un seul clic et le jeu débute!"> <br/>
         temps restant <input type="text" name="duree" size="5" id="chrono" readonly>
</body>
</html>

corrigé ...

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
 
<script type='text/javascript'>
var countdown;
var TR;
function compteur()   {  // fonction compteur qui est appelée en chargeant la page et par elle même
 
 	var duree=document.getElementById('init').value	
   if (isNaN(duree)|duree.length==0) {alert('entrez une valeur');
   						  return false;
   						  }
   	TR=Number(duree)-1
   	document.getElementById('chrono').value=TR+1;
   countdown=setInterval(function(){decremente()},1000);
 
 
 
}
 
function decremente(){
			document.getElementById('chrono').value=TR;
			TR=TR-1
          if (TR==-1){alert('temps écoulé');
          				clearInterval(countdown);
          				document.getElementById('ButStart').disabled='false';
          				return false;
          				}
 
 
          	}			
 
</script>