Décompte sur compte à rebours

Décompte sur compte à rebours - HTML/CSS - Programmation

Marsh Posté le 02-05-2006 à 20:10:18    

Bon voila je dispose de ce code
 

<SCRIPT LANGUAGE="JavaScript">
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2006, 4, 08, 21, 00, 00);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
  {
  DiffMin = DiffMin-60;
  }
while (Diffheure>=24)
  {
  Diffheure = Diffheure-24;
  }
while (DiffSec>=60)
  {
  DiffSec = DiffSec-60;
  }
</SCRIPT>


 
Jusque la tout fonctionne à merveillse sauf que, pour que les secondes défilent il me faut absolument actualiser la page, je cherche donc si possible la ligne de code à ajouter pour que le décompte se fasse en direct (si possible bien entendu).
 
Merci

Reply

Marsh Posté le 02-05-2006 à 20:10:18   

Reply

Marsh Posté le 02-05-2006 à 21:02:17    

Note que tu peut directement faire une soustraction entre deux dates pour obtenir la différence en millisecondes:

Code :
  1. var diffms=new Date(2006, 4, 08, 21, 00, 00)-new Date();


Pour afficher le compte à rebours, utilise un span avec un ID dans ta page:

Code :
  1. <span id="compte_a_rebours">
  2. </span>


Et un morceau de javascript qui ressemble à celà:

Code :
  1. function compter_a_rebours()
  2. {
  3.   var diffms=new Date(2006, 4, 8, 21, 0, 0)-new Date();
  4.   document.getElementById('compte_a_rebours').innerHTML=
  5.   diff/(3600*24*1000)+' jour(s)';
  6. }
  7. // charger un timer toutes les secondes
  8. window.setInterval(compter_a_rebours,1000);

Reply

Marsh Posté le 03-05-2006 à 01:31:03    

c'est un code a part entière ou un bout de code que je dois ajouter a mon premier script ? sinon deuxieme solution, je dois remplacer quelle partie ?
 
Si première solution j'ai ca dans le <body>
 

<SCRIPT LANGUAGE="JavaScript">
document.write('Plus que ' + DiffJour + ' jour(s), ' + Diffheure + ' heure(s), ' + DiffMin + ' minute(s) et ' + DiffSec + ' seconde(s)  avant l\'xxxx.');
</SCRIPT>

Reply

Marsh Posté le 03-05-2006 à 10:13:53    

il s'agit du code complet, avec d'une part la balise span, et d'autre part le code javascript.
La ligne 5 du javascript indique le nombre de jours, mais ça peut se changer.

Reply

Marsh Posté le 04-05-2006 à 02:18:52    

je vois mais pour que ca affiche quelque chose il faut bien un truc entre la balise <span>
 
j'ai trouvé ca sur un autre site
 

<span id="countdownie" style="width: 300px;"><span class="nums">5</span> days &nbsp; <span class="nums">16</span> hrs &nbsp; <span class="nums">17</span> mins &nbsp; <span class="nums">59</span> sec</span>


 
donc ils utilisent le span id comme nous avec le compte a rebours sauf que pour chaque nombre ils ont un span class="nums"></span>, mais de mon côté je fais comment pour afficher cela ?
 
http://www.gamespot.com/ ca vient de la si tu veux voir (dans la barre de droite)


Message édité par Zangalou le 04-05-2006 à 03:06:07
Reply

Sujets relatifs:

Leave a Replay

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