JAVASCRIPT compte a rebour

Version imprimable

12/05/2008, 20h02
byrong

JAVASCRIPT compte a rebour

Bonjour

j'aimerai savoir comment je peux faire un compte a rebour.

J'aimerai que le décompte s'affiche et cela rien qu'avec des secondes.

exemple de 30 seconde à 0 et une fois a 0. Une fonction se lance.

Est-ce possible??
12/05/2008, 21h11
htr999

avec setTimeout("nomFonction()", tempsEnMs) tu peux faire des répétitions ...
12/05/2008, 21h13
byrong

mais cela ne m'aidera pas a faire mon comtpe a rebour :s

fin du moin je trouve que ca sera compliqué
12/05/2008, 21h26
Sacha999

Vla cmt faire une horloge, compte a rebour c le mm principe mais a l'envers

http://www.developpez.net/forums/sho...=539489&page=2

je ne suis encore que débutant an javascript,
mais ceci devrai t'aider :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Compteur</title>
<script language="javascript" type="text/javascript">
var compteur = 31;
 
function chrono() {
 
if (compteur != 0) {
compteur -= 1;
 
document.getElementById("compteur").innerHTML = compteur;
 
 
}
else
{
	clearInterval(Timer, 1);
	suivant();
}
 
}
 
function suivant () {
alert("marche");
}
 
Timer = setInterval(chrono, 1000);
</script>
</head>
 
<body>
</body>
<div id="compteur"></div>
</html>

mais les clearInterval ne fonctionne pas ...

edit :

en fait j'ai réussi ...voila ca devrait t'aider non ?

le voici un exemple tout frais

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<script>
function compteur(t){
	var elemCompteur = document.getElementById("compteur");
	elemCompteur.innerHTML = t;
	tNew = t-1;
	if (tNew >= 0)
		setTimeout("compteur("+tNew+")",1000);
	else
		action();
}
 
function action(){
	alert("fin du compte à rebours ! amuse-toi bien ...");
}
</script>
</head>
 
<body onload="compteur(5);">
	<div id="compteur"></div>
</body>
</html>

bon courage ...