rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Compte à rebours

Posté par renaudh, le lundi 31 janvier 2005 à 15:34:21
Bonjour,

J'utilise un script pour afficher un compte à rebours dans une page dans voici le code 
<html>
<head>
<script language="JavaScript">
// la date à partir de laquelle on compte
var cible = new Date("March 06, 2005 03:00:00");

// nombre de millisecondes par jour, heure, minute et seconde
var mms_jour = 24 * 60 * 60 * 1000;
var mms_heure = 60 * 60 * 1000;
var mms_minute = 60 * 1000;
var mms_seconde = 1000;

function decompte() {

// la date courante
var aujourdhui = new Date();

// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindre
var change_j = -1;
var change_h = -1;
var change_m = -1;

// le total de millisecondes de différences
var diff_mms = cible.getTime() - aujourdhui.getTime();

// pareil pour les jours
diff_jours = Math.floor(diff_mms / mms_jour);
diff_mms -= diff_jours * mms_jour;

// pour les heures
diff_heures = Math.floor(diff_mms / mms_heure);
diff_mms -= diff_heures * mms_heure;

// les... minutes, bravo ;-)
diff_minutes = Math.floor(diff_mms / mms_minute);
diff_mms -= diff_minutes * mms_minute;

// les secondes, ce qui reste en fait.
var diff_secondes = Math.floor(diff_mms / mms_seconde);


// on affecte nos résultats aux champs du formulaire
document.formulaire.jours.value = diff_jours;
document.formulaire.heures.value = diff_heures;
document.formulaire.minutes.value = diff_minutes;
document.formulaire.secondes.value = diff_secondes;

// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}
</script> 

</head>
<body  onLoad="decompte()">
<form name="formulaire"><font face="arial" size="4"><b>
Il reste encore : 
<input type="text" name="jours" size="3"> jours 
<input type="text" name="heures" size="2"> heures 
<input type="text" name="minutes" size="2"> minutes 
<input type="text" name="secondes" size="2"> secondes avant le GP d'Australie !
</form>
</body>
</html>


Celui-ci fonctionne très bien mais j'aimerais que l'affichage ne se fasse pas sous forme de formulaire afin que les valeurs (jours, h, min, sec) s'affichent comme le reste du texte, est-ce possible?
Répondre à renaudh  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Mnu, le lundi 31 janvier 2005 à 17:39:02
Salut,

Fais les modifications suivantes: dans ton code HTML: 

Il reste:
<span id="jours">0</span> jours 
<span id="heures">0</span> heures
<span id="minutes">0</span> minutes
<span id="secondes">0</span> secondes
avant le GP d'Australie !



Et dans ton javascript: 
// on affecte nos résultats aux champs du formulaire
document.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML  = diff_heures;
document.getElementById("minutes").innerHTML  = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;


Normalement, ça devrait marcher (au moins pour IE6).
Mnu
   
Répondre à Mnu

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
renaudh, le mardi 1 février 2005 à 13:30:39
Cela fonctionne très bien, même sur Mozilla, merci beaucoup
   
Répondre à renaudh

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
sky, le jeudi 23 février 2006 à 02:49:38
salut je voudrais savoir si il y aurais un moyen d'afficher les millisecondes svp
   
Répondre à sky

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
pablo, le mardi 18 juillet 2006 à 09:27:02
Bonjour,

le problème pour moi est qu'avec ce script, l'heure qui est prise est celle de l'ordinateur de l'internaute, et pas celle du serveur. Elle n'est donc pas fixe et dépend de si les horloges sont biens réglées pour les visiteurs et aussi des zones de décalage horaire.
Savez-vous comment récupérer l'heure du serveur avec ce script ?

Pablo
   
Répondre à pablo

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
alex3891, le mercredi 7 novembre 2007 à 14:15:14
Bonjour ! J'ai essayé d'utiliser votre script mais j'ai un petit problème... Je ne suis pas très doué mais il ne m'affiche que des 0 et pas de décompte, je n'ai que des 0 au lieu des chiffres qu'il devrait rester pour les jours, heures, minutes, et secondes... Pourriez-vous m'indiquer quoi faire svp ?
   
Répondre à alex3891

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Goninph, le samedi 26 juillet 2008 à 16:53:20
Est ce qu vous avez une solution car j'ai également des zero
   
Répondre à Goninph

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Niko, le mercredi 9 janvier 2008 à 09:24:20
Bonjour,
Comment peut-on mettre un Compte à rebours dans un mail?
J'ai Windows Live Mail 2008.
Merci
   
Répondre à Niko

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
13200vesavdeschoz, le dimanche 18 mai 2008 à 13:30:51
Oui mais il faut le mettre ou le code? |~*~|~~~~>{\/|\/£ XP}<~~~~|~*~|
   
Répondre à 13200vesavdeschoz

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Two piece, le vendredi 6 juin 2008 à 23:13:11
Je voudrais savoir si c't possible d'en metre un sur un blog. Mais 120 jours 15 heures et 16 minutes.
Merci d'avance .




Je ne pourais pas répondre avant un moi alors svp rep moi sur mon Email
   
Répondre à Two piece

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Two piece, le vendredi 6 juin 2008 à 23:15:43
désolé j'avais pas donné mon adresse ^^.
   
Répondre à Two piece

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Goninph, le samedi 26 juillet 2008 à 16:36:42
Je n'ai ue des 0 car sur le blog le code est en continu et le code décrit ci-dessus et par ligne. Quelle est le séparateur à ajouter pour enlever les "enter"
   
Répondre à Goninph
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Compta One V3Compta One - Ce logiciel de comptabilité gratuit est la solution idéale pour vos applications courantes. Des fonctionnalités avancées...Catégorie: Comptabilité/Paie
Licence: Freeware/gratuit
Télécharger PrévisiOOo 19 Février 2007PrévisiOOo - PrévisiOOo est un logiciel pour faire des prévisionnels. Un budget prévisionnel bien conçu n’a rien d’un laborieux exercice...Catégorie: Comptabilité/Paie
Licence: Freeware/gratuit
Télécharger Grisbi 0.5.9Grisbi - Grisbi est un logiciel de comptabilité personnelle sous licence GPL. Grisbi est un programme écrit par des français et il...Catégorie: Budget
Licence: Open Source
Télécharger Powerpoint Viewer 2003Powerpoint Viewer - La Visionneuse PowerPoint 2003 vous permet d'afficher des présentations dotées de toutes les fonctionnalités créées dans...Catégorie: Présentation
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « compte a rebours »