Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de [Résolu]
slashf
- Messages postés
- 87
- Date d'inscription
- vendredi 24 mars 2006
- Dernière intervention
- 14 janvier 2011
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
A voir également:
- Compte à rebours javascript
- Décompte jour heure - Meilleures réponses
- Décompte javascript - Meilleures réponses
- Afficher un compte a rebours type jj-hh-ss en possédant le temps total en milise ✓ - Forum - C# / .NET
- Compte a rebour - Codes sources - Visual Basic / VB.NET (Divers)
- Afficher un nombre avec des dels - Codes sources - Visual Basic / VB.NET (Graphique)
- Compte a rebours - Codes sources - Visual Basic / VB.NET (VBA)
- Visual Basic / VB.NET : Compte a rebour - CodeS SourceS - Guide
20 réponses
Meilleure réponse
- Messages postés
- 87
- Date d'inscription
- vendredi 24 mars 2006
- Dernière intervention
- 14 janvier 2011
merci à tous pour votre aide et sache maelob que ça ne me dérange pas que vous papoté lol, bref un peux de serieux donc j'ai pu faire le scripte mais j'ai un blème c qu'il y'a un saut de ligne entre le jour, la minute ..etc est ce que ça a un rapport avec les div ?
bref voici le scripte et encore une fois merci
<html>
<head>
<script language="JavaScript">
// la date à partir de laquelle on compte
var cible = new Date("March 06, 2008 10: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.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML = diff_heures;
document.getElementById("minutes").innerHTML = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;
// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}
</script>
</head>
<form name="formulaire">
Il reste encore :
jours
heures
minutes
</form>
</html>
bref voici le scripte et encore une fois merci
<html>
<head>
<script language="JavaScript">
// la date à partir de laquelle on compte
var cible = new Date("March 06, 2008 10: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.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML = diff_heures;
document.getElementById("minutes").innerHTML = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;
// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}
</script>
</head>
<form name="formulaire">
Il reste encore :
jours
heures
minutes
</form>
</html>
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
119 internautes nous ont dit merci ce mois-ci
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
Bonjour,
Utilise la fonction recherche
http://www.javascriptfr.com/codes/DECOMPTE-JUSQU-CERTAIN-JOUR_15977.aspx
Regarde de ce coté essaye de faire quelque chose et reviens si tu as des problèmes ou des questions.
>>merci a tous
De rien
Utilise la fonction recherche
http://www.javascriptfr.com/codes/DECOMPTE-JUSQU-CERTAIN-JOUR_15977.aspx
Regarde de ce coté essaye de faire quelque chose et reviens si tu as des problèmes ou des questions.
>>merci a tous
De rien
- Messages postés
- 87
- Date d'inscription
- vendredi 24 mars 2006
- Dernière intervention
- 14 janvier 2011
bonjour maelob merci pour ton aide précieuse mais je suis déjà tomber sur ce scripte en recherchant sur google, se que je cherche au juste c qu'en temps réel le décompte se fait, et que ça s'affiche mois-X, Jour-X, Heure-XX, Minute-XX, Seconde-XX :( tu crois que tu pourra m'aidé d'avantage ?
merci
merci
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
Je viens de trouver ça sur google. Ça prend en compte que la date pour un decompte.
http://www.editeurjavascript.com/scripts/scripts_temps_1_103.php
celui ci affiche l'heure en temps réel (donc il faut compter dans le sens inverse ;-) )
http://www.espacejavascript.com/script.php?id=27
Je pense qu'avec ces deux la tu peux deja faire une première fonction en mixant les deux.
Sinon la je suis au boulot mais je pourrai essayer de t'aider un peu plus ce soir mais essaye de faire au moins un petit truc dans la journée.
http://www.editeurjavascript.com/scripts/scripts_temps_1_103.php
celui ci affiche l'heure en temps réel (donc il faut compter dans le sens inverse ;-) )
http://www.espacejavascript.com/script.php?id=27
Je pense qu'avec ces deux la tu peux deja faire une première fonction en mixant les deux.
Sinon la je suis au boulot mais je pourrai essayer de t'aider un peu plus ce soir mais essaye de faire au moins un petit truc dans la journée.
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
Bonjour,
normalement tout est prévu dans Date...
voir si ça fonctionne ou pas....
var fin=new Date("12/10/2008 13:50"); // date butée, mm/jj/aaaa hh:mn
var deb=new Date(); // actuel
var dif=new Date(fin-deb);
alert( dif.getMonth() ); // nbr mois de différence ,
voir dif.get... pour les autres valeurs ici selhhtml
getHours, GetMinutes....
sinon fin-deb donnera la différence en milli secondes,
"il suffira" de convertir
<hr /> Cordialement Bul
normalement tout est prévu dans Date...
voir si ça fonctionne ou pas....
var fin=new Date("12/10/2008 13:50"); // date butée, mm/jj/aaaa hh:mn
var deb=new Date(); // actuel
var dif=new Date(fin-deb);
alert( dif.getMonth() ); // nbr mois de différence ,
voir dif.get... pour les autres valeurs ici selhhtml
getHours, GetMinutes....
sinon fin-deb donnera la différence en milli secondes,
"il suffira" de convertir
<hr /> Cordialement Bul
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
Bonjour cher Bul,
Ok je n'ai pas pris le temps de regarder ton lien et ça m'apprendra j'ai dis des bétises alors
Un timestamp (en php) c'est le nombre de secondes depuis l'époque UNIX (1 janvier 1970 à minuit ou une heure du matin je ne sais plus ) juste la difference c'est qu'il faut un temps en milliseconde donc ça serait un timestamp en milliseconde
Sinon [auteur/SLASHF/728829.aspx slashf]tu t'en sors? (Je demande sinon on va encore m'accuser (à tord?) de dire des betises sur un topic d'aide...)
Ok je n'ai pas pris le temps de regarder ton lien et ça m'apprendra j'ai dis des bétises alors
Un timestamp (en php) c'est le nombre de secondes depuis l'époque UNIX (1 janvier 1970 à minuit ou une heure du matin je ne sais plus ) juste la difference c'est qu'il faut un temps en milliseconde donc ça serait un timestamp en milliseconde
Sinon [auteur/SLASHF/728829.aspx slashf]tu t'en sors? (Je demande sinon on va encore m'accuser (à tord?) de dire des betises sur un topic d'aide...)
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
>>c'est le nombre de secondes depuis l'époque UNIX, 1 janvier 1970 à minuit
ah c'est bien Unix ça ! ça se croit le centre du monde....
comme si l'informatique n'existait pas avant !!
sont emm%µ¤r£% pour calculer certains âges alors...
( et comme pour timestamp... c'est de l'humour ! du 2ème degré !
pas bon peut-être, mais, ça me fait sourire... )
>>...on va encore m'accuser...
il y en a qui osent ? des qui, eux, n'aident pas... si ?
<hr /> Cordialement Bul
ah c'est bien Unix ça ! ça se croit le centre du monde....
comme si l'informatique n'existait pas avant !!
sont emm%µ¤r£% pour calculer certains âges alors...
( et comme pour timestamp... c'est de l'humour ! du 2ème degré !
pas bon peut-être, mais, ça me fait sourire... )
>>...on va encore m'accuser...
il y en a qui osent ? des qui, eux, n'aident pas... si ?
<hr /> Cordialement Bul
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
>>>>c'est le nombre de secondes depuis l'époque UNIX, 1 janvier 1970 à minuit
>>ah c'est bien Unix ça ! ça se croit le centre du monde....
Lol ben disons que c'est un temps de référence comme pour nous le debut d'une année est le 1er janvier ça pourrai très bien être 27 avril (qui au passage est le jour de mon anniversaire LOL). En gros ça change rien.
>> sont emm%µ¤r£% pour calculer certains âges alors...
Ouai j'avoue mais bon il y a toujours d'autres solutions (que tu as cité)
>> ( et comme pour timestamp... c'est de l'humour ! du 2ème degré !
>> pas bon peut-être, mais, ça me fait sourire... )
Je l'avais bien compris
>>>>...on va encore m'accuser...
>> il y en a qui osent ? des qui, eux, n'aident pas... si ?
Des gens a qui on essaye de répondre
>>ah c'est bien Unix ça ! ça se croit le centre du monde....
Lol ben disons que c'est un temps de référence comme pour nous le debut d'une année est le 1er janvier ça pourrai très bien être 27 avril (qui au passage est le jour de mon anniversaire LOL). En gros ça change rien.
>> sont emm%µ¤r£% pour calculer certains âges alors...
Ouai j'avoue mais bon il y a toujours d'autres solutions (que tu as cité)
>> ( et comme pour timestamp... c'est de l'humour ! du 2ème degré !
>> pas bon peut-être, mais, ça me fait sourire... )
Je l'avais bien compris
>>>>...on va encore m'accuser...
>> il y en a qui osent ? des qui, eux, n'aident pas... si ?
Des gens a qui on essaye de répondre
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
>>>>Des gens a qui on essaye de répondre
>> on ne t'a pas encore insulté ? menaçé ? oui, oui.. je le fus. ( MP et Mails aussi )
>> t'inquiète, ça viendra... un monde, une époque, des gens... disons... curieux ?
Non et pour le moment j'espère que ça ne m'arrivera pas... (je te propose mon aide en échange tu m'insultes, un bon deal je trouve lol)
Effectivement très curieux...
Desolée slashf on papote (ben oui je suis une femme je papote beaucoup... lol) mais en tout cas j'espère que tu avances...
>> on ne t'a pas encore insulté ? menaçé ? oui, oui.. je le fus. ( MP et Mails aussi )
>> t'inquiète, ça viendra... un monde, une époque, des gens... disons... curieux ?
Non et pour le moment j'espère que ça ne m'arrivera pas... (je te propose mon aide en échange tu m'insultes, un bon deal je trouve lol)
Effectivement très curieux...
Desolée slashf on papote (ben oui je suis une femme je papote beaucoup... lol) mais en tout cas j'espère que tu avances...
- Messages postés
- 944
- Date d'inscription
- mardi 14 novembre 2006
- Dernière intervention
- 7 août 2009
Re, une autre solution tu remplace tout ça
jours
heures
minutes
et après dans ta fonction tu fais
document.getElementById("reste").innerHTML= diff_jours+" "+diff_heures+"h"+diff_minutes+"minutes"+diff_secondes;
Je n'ai pas vraiment regardé ta fonction mais en tout cas je trouve ça bien que pour quelqu'un qui ne connaissait rien au javascript et reussis a se débrouillé presque seul en aussi peu de temps.
On est la pour aider mais c'est très gentil de penser a nous remercier. Tu es de quel pays?
jours
heures
minutes
et après dans ta fonction tu fais
document.getElementById("reste").innerHTML= diff_jours+" "+diff_heures+"h"+diff_minutes+"minutes"+diff_secondes;
Je n'ai pas vraiment regardé ta fonction mais en tout cas je trouve ça bien que pour quelqu'un qui ne connaissait rien au javascript et reussis a se débrouillé presque seul en aussi peu de temps.
On est la pour aider mais c'est très gentil de penser a nous remercier. Tu es de quel pays?
- Messages postés
- 87
- Date d'inscription
- vendredi 24 mars 2006
- Dernière intervention
- 14 janvier 2011
C’est normal de vous remercier vous m’avez beaucoup aider, et oui je suis d’Algérie,
Concernant tes suggestions oui j’y avais penser mais avec les divs y’a des sauts de ligne se qui donne par exemple :
<form>
Il reste encore :
36<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /??>
jours
10
Heures
30
Minutes
10
Secondes
avant le festival
mais en remplacent les div par span j’ai un affichage impeccable. Merci encore pour ton aide et au plaisir de te reparler une autre fois
</form>
Concernant tes suggestions oui j’y avais penser mais avec les divs y’a des sauts de ligne se qui donne par exemple :
<form>
Il reste encore :
36<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /??>
jours
10
Heures
30
Minutes
10
Secondes
avant le festival
mais en remplacent les div par span j’ai un affichage impeccable. Merci encore pour ton aide et au plaisir de te reparler une autre fois
</form>
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.