Compteur incrémenté automatiquement

**mutley** · 10/06/2009, 23h25

Bonjour,

Je voudrais savoir comment se programme les compteurs que l'on peut trouver sur le site http://www.worldometers.info/fr/

D'avance merci

**Bovino** · 11/06/2009, 09h33

setInterval

**Msieurduss** · 11/06/2009, 10h40

Tiens, un exemple tout bête :
(copie/colle ça dans un fichier HTML et regarde... tu verras que i augmentera toutes les 1 seconde)

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
 
<html>
<head>
	<script type="text/javascript">
		var i=0;
		function augmenter() {
			i++;
			document.getElementById("timer").innerHTML = i;
		}
		setInterval("augmenter()", 1000);
	</script>
</head>
<body>
 
<p id="timer">0</p>
 
</body>
</html>

En gros :

- On définie la variable i à 0.

- On définie une fonction qui fait augmenter i (i++) et qui demande à ce que ce i soit écrit (et remplace le contenu) dans la balise ayant pour id "timer".

- Ensuite, setInterval dit de lancer la fonction précédente toutes les 1000 ms, soit toutes les 1 sec.

Compteur incrémenté automatiquement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager