Compte à rebours paramétrable

**AcidLines** · 06/03/2010, 17h22

Bonjours à toutes et à tous !

Je viens quémander une petite aide si cela est possible

.

J'aimerai mettre en place un petit compte à rebours paramétrable. L'utilisateur pourra indiquer le nombre de secondes à faire écouler, et appui sur le bouton pour lancer la fonction.

Je n'ai pas de message d'erreur console, mais rien ne se passe.

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
 
<html>
	<head>
		<title>Barre de progression rebours test</title>
		<script type="text/javascript">
			var i = function (){getElementById('a1').value;}; //seconde a decrementer
			function timedProg() {
				if (i >= 0) {
					document.getElementById("cadre").innerHTML=parseInt(i)+"s";
					setTimeout("timedProg();", 1000);
					i--;   
				}
			}
 
		</script>
	</head>
	<body  >
		<noscript class="cadre">Vous devez activer le Javascript pour avoir le timer !</noscript>
		<input type="text" width="25" id="a1"><input type="button" onClick="javascript:timedProg();">
		<div  id="cadre"></div>
	</body>
</html>

Par contre si je met uniquement le code javascript de cette manière :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
			var i = 10; //secondes à décrémenter
			function timedProg() {
				if (i >= 0) {
					document.getElementById("cadre").innerHTML=parseInt(i)+"s";
					setTimeout("timedProg();", 1000);
					i--;   
				}
			}
 
		</script>

Ce code fonctionne mais je peux pas passer les paramètres avec mon input text.

Ne marche pas non plus si je récupère i directement dans la fonction timedProg() ou que j'y incorpore le paramètre "i" et que je défini "i" dans mon appel onClick.

Quelqu'un aurai une idée ? Merci d'avance !

**SpaceFrog** · 06/03/2010, 20h34

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
 
<body>
<script type="text/javascript">
var compteur
function launch(){
compteur=document.getElementById('depart').value
document.getElementById('pendule').value=compteur--;
var mychrono=setInterval( function(){
 							  			   document.getElementById('pendule').value=compteur--;
                                     if (compteur==-1){
                                     document.getElementById('pendule').value='fini'
                                     clearInterval(mychrono)}
                                     },1000)
}
 
 
</script>
<input type="text" id="depart" value="" />
<input type="button" onclick="launch()" value="go" />
<input type="text" id="pendule" readonly value="" />
 
</body>
 
</html>

Compte à rebours paramétrable

JavaScript

Vue hybride

Discussions similaires

Partager

Partager