probleme dans un calcul

Version imprimable

Bonjour a tous,

Actuellement j'essaye de créé un compteur qui augmente de 0.00000001 toutes les 1 secondes , mais avec le code ci dessous sa ne marche pas , pourtant sa devrais je vois pas ou est le probleme ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <script type="text/javascript"> var i=0.00000001; function augmenter() { i = i + 0.00000001; document.getElementById("timer").innerHTML = i; } setInterval("augmenter()", 1000); </script> </head> <body> <p id="timer">0.00000001</p> </body> </html>

16/08/2014, 00h40
danielhagnoul

setInterval( augmenter, 1000);.
16/08/2014, 00h45
thomix68

J'ai bien effectuer la modification mais le calcul n'est pas juste sa me met : 2e-8 apres 3.0000000000000004e-8 etc...
16/08/2014, 00h51
danielhagnoul

Normal ! Il faut imposer une présentation, mais il y aura toujours des problèmes d'arrondis.

:fleche: toFixed()

j'avais déja essayer avec toFixed mais sa ne change rien

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
	<script type="text/javascript">
var i=0.00000001;
 
		function augmenter() {
		i = i + 0.00000001;			
		i.toFixed(8);
			document.getElementById("timer").innerHTML = i;
 
		}
		setInterval( augmenter, 1000);
	</script>
</head>
<body>
 
<p id="timer">0.00000001</p>
 
</body>
</html>

16/08/2014, 09h38
sekaijin
un principe global en informatique (Tout langage)
Mieux faut travailler avec des entiers lorsque cela est possible plutôt que des floats.

cela évite les erreurs d'arrondi.

Soit i=0 entier
on veut faire i = i + 0.00000001 toute les secondes
pour travailler avec des entier il suffit de faire
Code:

1 2 3 4 5 var i, j = 0; //toute les secondes faire j = j + 1; i = j / 100000000;
ainsi on obtient bien dans i le même résultat mais on évite les arrondis dans les calculs on ne les as que dans le résultat.
Code:

1 2 3 4 5 6 var i=0; function augmenter() { i = i + 1; document.getElementById("timer").innerHTML = i / 100000000; } setInterval( augmenter, 1000);
A+JYT

Je viens d'essayer avec le code ci-dessous mais y'a quand même un problème sa me retourne ceci : 1e-8 , 2e-8, 3e-8 ainsi de suite , il doit y avoir un probleme au niveau du format du nombre je pence ,je dis sa je dis rien parce que je n'y connais pas grand chose en javascript :(
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html> <head> <script type="text/javascript"> var i, j = 0; //toute les secondes faire j = j + 1; i = j / 100000000; i.toFixed(8); var i=0; function augmenter() { i = i + 1; document.getElementById("timer").innerHTML = i / 100000000; } setInterval( augmenter, 1000); </script> </head> <body> <p id="timer">0.00000001</p> </body> </html>

C'est une salade JS ! :mouarf:

Voici un exemple différent pour continuer votre apprentissage :
Code:

1 2 3 4 5 6 7 8 9 10 11 var i = 0, n = Math.pow( 10, 8 ), element = document.querySelector( "#timer" ), ObjInterval = setInterval( function(){ element.textContent = ( ++i / n ).toFixed( 8 ); }, 1000); // exemple pour arrêt au bout de 51s setTimeout( function(){ clearInterval( ObjInterval ); }, 51000 );
Vous pouvez trouver la signification de ces nouveautés dans cette base de documentation (en anglais malheureusement).

J'ai reussis a faire fonctionner le script en rajouter 1 toutes les seconde , je poste le script si quelq'un en a besoin

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
<html>
<head>
	<script type="text/javascript">
var i = 0,
    n = Math.pow( 10, 8 ),
    element = document.querySelector( "#timer" );
 
	  function augmenter() {
    document.getElementById("timer").innerHTML = ( ++i / n ).toFixed( 8 );
  }
 
  setTimeout( function(){
    clearInterval( ObjInterval );
}, 51000 );
 
setInterval( augmenter, 1000);
	</script>
</head>
<body>
 
<p id="timer">0.00000000</p>
 
</body>
</html>