Compteur en fonction du temps

**vbaguet** · 22/01/2013, 15h54

Bonjour à tous,

Alors voilà, je viens de réaliser un compteur me pemettant d'ajouter un nombre X toutes les secondes depuis une date de base.
Le script fonctionne bien mise à part qu'il semble bloquer une fois arriver à un certain montant, dans ce cas-ci 367.624.925.321, il retombe à 367.624.898.000 je ne comprend pas bien, ca doit être un problème avec les dates, j'ai tout testé rien ne fonctionne :/

Peut-être avez LA solution...

Voici mon code :

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
 
$(document).ready(function() {
	// Belgium National Debt
	currentDebt = setInterval(augmenteDette, 1000);
});
 
function format(object)
{
	object = '' + Math.round(object);
	if(object.length > 3)
	{
		var mod = object.length % 3;
		var output = (mod > 0 ?(object.substring(0,mod)): '');
		for(var i=0; i<Math.floor(object.length/3); i++)
		{
			if((mod==0)&&(i==0))
			{
				output+=object.substring(mod+3*i,mod+3*i+3);
			}
			else
			{
				output+='.'+object.substring(mod+3*i,mod+3*i+3);
			}
		}
		return(output);
	}
	else
	{
		return object;
	}
}
 
var dateOrigine = new Date(30,09,2012);
var detteOrigine = 367624898644;
var increment = 453;
 
function augmenteDette()
{
    var now = new Date();
    // nombres de millisecondes écoulées entre maintenant et la date d'origine
    var deltamillisecondes = now.getSeconds() - dateOrigine.getSeconds();
    // on calcul notre nouvelle dette
    var nouvelleDette = detteOrigine + deltamillisecondes*increment;
	var timer = document.getElementById("debt");
	timer.innerHTML = format(nouvelleDette) + " €";
}

Vous pouvez voir le compteur en action ici : cliquez ici

Un grand merci !

**NoSmoking** · 22/01/2013, 22h04

Bonsoir,
quand tu écris...

Code :

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

1
2
// nombres de millisecondes écoulées entre maintenant et la date d'origine
var deltamillisecondes = now.getSeconds() - dateOrigine.getSeconds();

ceci est FAUX

Code :

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

1
2
// nombres de millisecondes écoulées entre maintenant et la date d'origine
var deltamillisecondes = now.getTime() - dateOrigine.getTime();

D'autre part, il faut bien te rendre compte que dateOrigine.getSeconds() te renverra toujours 0 et que now.getSeconds() te retournera une valeur de 0 à 59, donc acte!

**vbaguet** · 23/01/2013, 10h30

Alors quelle est la solution ? Je suis loin d'être doué en JS donc... En tout cas j'ai remplacé mon code par le tient, malheureusement on dirait que le compteur n'est plus bon, il est maintenant trop elevé, il n'ajoute plus les 453 de depart, mais je pense 453453, tu peux le voir en action sur ce site

Un grand merci de ton aide

**NoSmoking** · 23/01/2013, 18h52

Je suis loin d'être doué en JS donc...

rien à voir avec le javascript mais il faut n peu de reflexion sereine et calme

getTime() te retourne un temps en milliseconde, donc pour avoir des secondes on divise par 1000.

Pour calculer le temps en secondes entre deux dates date_1.getTime() - date_2.getTime().

Fait un simple

Code :

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

1
2
3
var d1 = new Date(30,09,2012);
var d2 = new Date();
alert(( d2.getTime() - d1.getTime())/1000);

tu vas voir que cela fait un méga paquet de secondes !

Donc il te reste à ajuster les incrément et valeur d'origine.

**Lakhdr** · 15/02/2013, 22h52

C'est au meme temps drole votre question ! Javascript fait baisser la dette !!

je propose une solution qui fait qu augmenter le chiffre !!

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
 
<!DOCTYPE html>
<html>
 
  <head lang="fr-FR">
 
    <meta charset="utf-8">
    <title>Javascript qui fait baisser la dette </title>
      <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
	var dateOrigine = new Date(30,09,2012);
	var detteOrigine = 367624898644;
	var increment = 453;
	var interval=Math.floor((new Date() - dateOrigine)/1000)
	  //pas de virgule 
   var dbt=(interval*increment)+detteOrigine;
   //la dette a l instant present 
   function setDbt(element ,valeur){
      var val=(valeur+"").match(/(\d{1,3}(?:[\.|,]\d*)?)(?=(\d{3}(?:[\.|,]\d*)?)*$)/g ).join(' ')+"€";
	  //mise en forme  monnaie 
      $(element).val(val);
   }
   $(function(){
		setDbt("#dbt" ,dbt);
		//affiche la dette de depart 
   setInterval(function(e){
			setDbt("#dbt" ,dbt+=453);
			//affiche la dette chaque seconde avec increment 
		}, 1000);
 
   });
  </script>
</head>
  <body>
    <input id="dbt" /> 
 
  </body>
 
</html>

Et biensure pour les grand nombre en javascript faut se rappeler de
MAX_VALUE et ca depend parfois des navigateurs

normalement c est 2^53 +1

Voila ,

Compteur en fonction du temps

JavaScript

Discussions similaires

Partager

Partager