aide pour la réalisation de compteur

**dark_vidor** · 20/10/2006, 22h12

Bonjour

N'ayant que peu de connaissance en Javascript je me tourne vers vous, afin que vous m'aidiez dans la réalisation d'un petit script

Je cherche a faire une sorte de compteur :

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
function disp_eco()
{
	var composants = 100;
	var credits = 100;
	var hydrocarbures = 100;
	var minerais = 100;
 
	document.getElementById("composants").innerHTML = update_eco_composants(composants);
	document.getElementById("credits").innerHTML = update_eco_credits(credits);
	document.getElementById("hydrocarbures").innerHTML = update_eco_hydrocarbures(hydrocarbures);
	document.getElementById("minerais").innerHTML = update_eco_composants(minerais);
	setTimeout("update_eco_composants()", 1000);	
}
function update_eco_composants(composants)
{
	composants = composants + 0.02;
	return composants;
}
update_eco_credits(credits)
{
	credits = credits + 0.02;
	return credits;
}
update_eco_hydrocarbures(hydrocarbures)
{
	hydrocarbures = hydrocarbures + 0.02;
	return hydrocarbures;
}
update_eco_composants(minerais)
{
	minerais = minerais + 0.02;
	return minerais;
}
</script>
</head>
<body onLoad="disp_eco()">

mais ça marche po

pouvez vous m'aider ?

EDIT : dernier code : http://www.developpez.net/forums/sho...51#post1450151

**Lerin** · 20/10/2006, 22h18

N'oublie pas d'ajouter "function" avant chaque fonction.

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
<script type="text/javascript">
function disp_eco()
{
	var composants = 100;
	var credits = 100;
	var hydrocarbures = 100;
	var minerais = 100;
 
	document.getElementById("composants").innerHTML = update_eco_composants(composants);
	document.getElementById("credits").innerHTML = update_eco_credits(credits);
	document.getElementById("hydrocarbures").innerHTML = update_eco_hydrocarbures(hydrocarbures);
	document.getElementById("minerais").innerHTML = update_eco_composants(minerais);
	setTimeout("update_eco_composants()", 1000);	
}
function update_eco_composants(composants)
{
	composants = composants + 0.02;
	return composants;
}
function update_eco_credits(credits)
{
	credits = credits + 0.02;
	return credits;
}
function update_eco_hydrocarbures(hydrocarbures)
{
	hydrocarbures = hydrocarbures + 0.02;
	return hydrocarbures;
}
function update_eco_composants(minerais)
{
	minerais = minerais + 0.02;
	return minerais;
}
</script>

**dark_vidor** · 20/10/2006, 22h34

comment faire pour que l'acutalisation prennent en compte le +0.02 a chaque update

**Lerin** · 20/10/2006, 22h42

Actualiser? Et tu veux que le script se modifie?

**dark_vidor** · 20/10/2006, 22h52

je veux que ça fasse 100.00, 100.02, 100.04, 100.06, 100.08, 100.10, 100.12 ... toute les secondes

**Lerin** · 21/10/2006, 04h51

Je regarde ça demain à moins que quelqu'un d'autre le fasse, j'ai plus le temps maintenant.

**dark_vidor** · 21/10/2006, 12h10

merci

**Lerin** · 21/10/2006, 17h24

Essais ça, chez moi ça marche.

SCRIPT :

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
 
function disp_eco()
{
	update_eco_composants();
	update_eco_credits();
	update_eco_hydrocarbures();
	update_eco_minerais();
}
 
var v1 = 0.02;
var v2 = 0.02;
var v3 = 0.02;
var v4 = 0.02;
 
function update_eco_credits()
{
  credits.innerHTML
  = 100 + v1;
  v1 += 0.02
  var timer = setTimeout("update_eco_credits()", 1000);
}
function update_eco_hydrocarbures()
{
  hydrocarbures.innerHTML
  = 100 + v2;
  v2 += 0.02
  var timer = setTimeout("update_eco_hydrocarbures()", 1000);
}
function update_eco_composants()
{
  composants.innerHTML
  = 100 + v3;
  v3 += 0.02
  var timer = setTimeout("update_eco_composants()", 1000);
}
function update_eco_minerais()
{
  minerais.innerHTML
  = 100 + v4;
  v4 += 0.02
  var timer = setTimeout("update_eco_minerais()", 1000);
}

BODY :

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
 
<BODY onload="disp_eco()">
 
<STRONG>Composants :</STRONG>
<div id="composants">
</div>
 
<br>
 
<STRONG>Credits :</STRONG>
<div id="credits">
</div>
 
<br>
 
<STRONG>Hydrocarbures :</STRONG>
<div id="hydrocarbures">
</div>
 
<br>
 
<STRONG>Minerais :</STRONG>
<div id="minerais">
</div>
 
</BODY>

**dark_vidor** · 21/10/2006, 18h02

commment faire pour qu'a l'affichage on est tjrs deux chiffres apres le '.'

j'ai simplifier ça me donne ça :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
var composants = 100;
var credits = 100;
var hydrocarbures = 100;
var minerais = 100;
 
function update_eco()
{
  document.getElementById("composants").innerHTML = composants+"k";
  composants += 0.02;
  document.getElementById("credits").innerHTML = credits+"k";
  credits += 0.02;
  document.getElementById("hydrocarbures").innerHTML = hydrocarbures+"k";
  hydrocarbures += 0.02;
  document.getElementById("minerais").innerHTML = minerais+"k";
  minerais += 0.02;
 
  setTimeout("update_eco()", 1000);
}
</script>
</head>
<BODY onload="update_eco()">
<STRONG>Composants :</STRONG> 
<div id="composants"></div>
<br>
<STRONG>Credits :</STRONG> 
<div id="credits"> </div>
<br>
<STRONG>Hydrocarbures :</STRONG> 
<div id="hydrocarbures"> </div>
<br>
<STRONG>Minerais :</STRONG> 
<div id="minerais"> </div>
</BODY>
</html>

Composants :
100.07999999999998k

Credits :
100.07999999999998k

Hydrocarbures :
100.07999999999998k

Minerais :
100.07999999999998k

**Lerin** · 21/10/2006, 18h15

J'ai aussi essayer de simplifier, mais il y a un probleme, tu es mieux de le laisser comme il est pour l'instant. Attends un peu, je te fais le code pour avoir deux chiffres après la virgule.

**Auteur** · 21/10/2006, 19h55

bonjour,

j'ai modifié et corrigé ton script :
- attention update_eco_composants() est déclarée deux fois !
- composants, credits, hydrocarbures, minerais deviennent des variables globales
- j'ai supprimé les arguments des fonctions (pour la raison ci-dessus)
- j'ai créé la fonction arrondir() pour n'avoir que 2 chiffres après la virgule (cf. FAQ également)
- l'événement onload et balises HTML écrits en minuscules

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
54
55
56
57
58
59
60
61
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
    var composants = 100;
 	var credits = 100;
	var hydrocarbures = 100;
	var minerais = 100;
 
function disp_eco()
{
	document.getElementById("composants").innerHTML = update_eco_composants() + "&nbsp;k";
	document.getElementById("credits").innerHTML = update_eco_credits() + "&nbsp;k";
	document.getElementById("hydrocarbures").innerHTML = update_eco_hydrocarbures() + "&nbsp;k";
	document.getElementById("minerais").innerHTML = update_eco_minerais() + "&nbsp;k";
	setTimeout("disp_eco()", 1000);
}
 
function arrondir(valeur)
{
 var precision = 100;
 return Math.round(precision*valeur)/precision;
}
function update_eco_composants()
{
	composants = composants + 0.02;
	return arrondir(composants);
}
function update_eco_credits()
{
	credits = credits + 0.02;
	return arrondir(credits);
}
function update_eco_hydrocarbures()
{
	hydrocarbures = hydrocarbures + 0.02;
	return arrondir(hydrocarbures);
}
function update_eco_minerais()
{
	minerais = minerais + 0.02;
	return arrondir(minerais);
}
//-->
</script>
 
 
</head>
 
<body onload="disp_eco()">
<div id="composants"></div>
<div id="credits"></div>
<div id="hydrocarbures"></div>
<div id="minerais"></div>
 
</body>
 
</html>

**dark_vidor** · 21/10/2006, 20h36

merci
j'en suis donc a ça :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
var composants = 100;
var credits = 100;
var hydrocarbures = 100;
var minerais = 100;
 
function update_eco()
{
  document.getElementById("composants").innerHTML = composants+"k";
  composants += 0.02;
  composants = Math.round(100*composants)/100;
 
  document.getElementById("credits").innerHTML = credits+"k";
  credits += 0.02;
  credits = Math.round(100*credits)/100;
 
  document.getElementById("hydrocarbures").innerHTML = hydrocarbures+"k";
  hydrocarbures += 0.02;
  hydrocarbures = Math.round(100*hydrocarbures)/100;
 
  document.getElementById("minerais").innerHTML = minerais+"k";
  minerais += 0.02;
  minerais = Math.round(100*minerais)/100;
 
  setTimeout("update_eco()", 1000);
}
</script>
</head>
<BODY onload="update_eco()">
<STRONG>Composants :</STRONG> 
<div id="composants"></div>
<br>
<STRONG>Credits :</STRONG> 
<div id="credits"> </div>
<br>
<STRONG>Hydrocarbures :</STRONG> 
<div id="hydrocarbures"> </div>
<br>
<STRONG>Minerais :</STRONG> 
<div id="minerais"> </div>
</BODY>
</html>

comment afficher les 0 inutiles ?
100.1 => 100.10

**Auteur** · 21/10/2006, 22h49

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
 
function arrondir(valeur)
{
 var m, parEnt, mantisse;
 partEnt = parseInt(valeur);
 
 m = Math.round(100*valeur)/100;
 
 mantisse = Math.round(100*(m - partEnt));
 mantisse = (mantisse<10 ? mantisse/10:mantisse/100);
 
 //alert(partEnt+mantisse);
 return partEnt+mantisse;
 
 
}

J'isole la partie entière et la mantisse de mon nombre que je divise par 10 ou 100 selon le cas.

**dark_vidor** · 21/10/2006, 23h34

no marche po

**Auteur** · 23/10/2006, 10h09

Envoyé par dark_vidor

no marche po

ha, oui, en effet, il y a une petite erreur...
Il y a une ligne de code à supprimer et une autre à corriger.

Code :

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

1
2
3
 
mantisse = Math.round(100*(m - partEnt))/100;
// mantisse = (mantisse<10 ? mantisse/10:mantisse/100);

**dark_vidor** · 23/10/2006, 20h49

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function arrondir(valeur)
{
 var m, parEnt, mantisse;
 partEnt = parseInt(valeur);
 
 m = Math.round(100*valeur)/100;
 
  mantisse = Math.round(100*(m - partEnt))/100;
  // mantisse = (mantisse<10 ? mantisse/10:mantisse/100);
 
 //alert(partEnt+mantisse);
 return partEnt+mantisse;
}

hum toujours pas

**dark_vidor** · 23/10/2006, 22h46

j'ai chercher un peu en m'inspirant de ce que tu avais fait auteur et j'en suis arriver à ça :

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
function update_eco()
{
	document.getElementById("composants").innerHTML = afficher_zero(composants)+"k";
	composants += 0.02;
	composants = arrondir(composants);
 
	document.getElementById("credits").innerHTML =  afficher_zero(credits)+"k";
	credits += 0.02;
	credits = arrondir(credits);
 
	document.getElementById("hydrocarbures").innerHTML = afficher_zero(hydrocarbures)+"k";
	hydrocarbures += 0.02;
	hydrocarbures = arrondir(hydrocarbures);
 
	document.getElementById("minerais").innerHTML = afficher_zero(minerais)+"k";
	minerais += 0.02;
	minerais = arrondir(minerais);
 
	setTimeout("update_eco()", 1000);
}
 
function arrondir(valeur)
{
	return Math.round(100*valeur)/100;
}
 
function afficher_zero(valeur)
{
	partie_entiere = parseInt(valeur);
	partie_decimale = Math.round((Math.round(100*valeur)/100 - partie_entiere)*100);
	partie_decimale = partie_decimale<10 ? '0'+partie_decimale : partie_decimale;
 
	return partie_entiere+"."+partie_decimale;
}

ça fonctionne j'vais pas chercher plus loin

**dark_vidor** · 23/10/2006, 23h06

une autre solution serais de mesurer la longeur de la chaine partie_decimale ... si elle est inférieur a 2 on rajoute le 0 tout pareil

j'suis en forme ce soir ^^

aide pour la réalisation de compteur

JavaScript

Discussions similaires

Partager

Partager