Ajouter un reset dans un compteur dynamique (fonctionnel) ?

Ajouter un reset dans un compteur dynamique (fonctionnel) ? - HTML/CSS - Programmation

Marsh Posté le 17-07-2014 à 13:19:29    

Bonjour à tous,
 
J'ai un code fonctionnel de compteur dynamique, mais j'aimerais qu'il se reset lorsqu'il arrive à 1000.
 
Avez-vous une idée ? Merci d'avance pour votre aide.
 

Code :
  1. <html>
  2. <head>
  3.         <title>compteur</title>
  4. <script type="text/javascript">
  5.             var number = 1;
  6.             // l'incrément
  7.             var increment = 1;
  8.             // le nombre de seconde
  9.             var second = 1;
  10.             // nombre total de seconde depuis la date de départ
  11.             var incrementTotal = number;
  12.             // nombre total arrondie
  13.             number = Math.round(number);
  14.             function init(){
  15.                 document.getElementById("nombre" ).innerHTML = number;
  16.                 // appel de la fonction d'incrémentation toutes les x secondes
  17.                 setInterval('incrementation()',second*1000);
  18.             }
  19.             function incrementation(){
  20.                 number = number+increment;
  21.                 document.getElementById("nombre" ).innerHTML = number;
  22.             }
  23.         </script>
  24. </head>
  25.     <body onload="init();">
  26.         <span id="nombre"></span>
  27.     </body>
  28. </html>


Message édité par Finelarme le 17-07-2014 à 14:06:26
Reply

Marsh Posté le 17-07-2014 à 13:19:29   

Reply

Marsh Posté le 17-07-2014 à 14:28:35    

J'ai trouvé :).
 

Code :
  1. <html>
  2. <head>
  4. <script type="text/javascript">
  5.             var number = 100;
  6.             // l'incrément
  7.             var increment = 1;
  8.             // le nombre de seconde
  9.             var second = 1;
  10.             // nombre total de seconde depuis la date de départ
  11.             var incrementTotal = number;
  12.             // nombre total arrondie
  13.             number = Math.round(number);
  14.             function init(){
  15.                 document.getElementById("nombre" ).innerHTML = number;
  16.                 // appel de la fonction d'incrémentation toutes les x secondes
  17.                 setInterval('incrementation()',second*1000);
  18.             }
  19.             function incrementation(){
  20.                 if(number >= 1001){
  21.                     number = 0;
  22.                 }
  23.                 number = number+increment;
  24.                 document.getElementById("nombre" ).innerHTML = number;
  25.  
  26.             }
  27.         </script>
  28.        
  29. </head>
  30.     <body onload="init();">
  31.         <span id="nombre"></span>
  32.     </body>
  33. </html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed