Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2518 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Décompte sur compte à rebours

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Décompte sur compte à rebours

n°1358068
Zangalou
Posté le 02-05-2006 à 20:10:18  profilanswer
 

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

mood
Publicité
Posté le 02-05-2006 à 20:10:18  profilanswer
 

n°1358108
nargy
Posté le 02-05-2006 à 21:02:17  profilanswer
 

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);

n°1358216
Zangalou
Posté le 03-05-2006 à 01:31:03  profilanswer
 

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>

n°1358333
nargy
Posté le 03-05-2006 à 10:13:53  profilanswer
 

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.

n°1359135
Zangalou
Posté le 04-05-2006 à 02:18:52  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Décompte sur compte à rebours

 

Sujets relatifs
Sauts de ligne pas pris en compte à l'affichage (avec MySQL)Affichage d'un compte à rebours
ouvrir un lien avec compte a rebourdCompte a Rebours
compte acrive directoryfaire un décompte en minutes et secondes dans un .bat
Compte à rebours 
Plus de sujets relatifs à : Décompte sur compte à rebours


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR