Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de [Résolu]
A voir également:
- Décompte javascript
- Décompte jour heure - Meilleures réponses
- Compte à rebours javascript - Meilleures réponses
- Javascript : Décompte jusqu'a un certain jour - CodeS SourceS - Guide
- Javascript : Cycle féminin, cycle ovulatoire, décompte des règles et de l'ovula - Guide
- Mettre du php dans un code javaScript (décompte) ✓ - Forum - Javascript / DHTML
- Calculatrice javascript - Guide
- Chronometre javascript - Guide
20 réponses
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>
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
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
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.
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
>> qui reste avant un évenement et en temps réel donc pas besoin d'actualisé la page.
pour ça, regarder setTimeout et/ou setInterval
qui appelera la fonction de calcul et d'affichage.
<hr /> Cordialement Bul
pour ça, regarder setTimeout et/ou setInterval
qui appelera la fonction de calcul et d'affichage.
<hr /> Cordialement Bul
et comme dit maelob... : essaye de faire au moins un petit truc
parce que je ne pense pas que qui que ce soit te le donne tout cuit.
<hr /> Cordialement Bul
parce que je ne pense pas que qui que ce soit te le donne tout cuit.
<hr /> Cordialement Bul
salut maelob.. pense pas, enfin, pas seulement... ça doit baigner.
Date("mm/jj/aaaa hh:mn") ou Date(milli-secondes) ou ...
quand je disais voir si ça fonctionne ou pas, je pense que ça marche...
<hr /> Cordialement Bul
Date("mm/jj/aaaa hh:mn") ou Date(milli-secondes) ou ...
quand je disais voir si ça fonctionne ou pas, je pense que ça marche...
<hr /> Cordialement Bul
chez selfHTML, l'un des exemples c'est : var nom_objet = new Date(annee,mois,jour,heures,minutes,secondes);
doit y avoir d'autres "syntaxes" mais quoi que c'est donc un timestamp ?
<hr /> Cordialement Bul
doit y avoir d'autres "syntaxes" mais quoi que c'est donc un timestamp ?
<hr /> Cordialement Bul
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...)
>>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
>>>>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
>>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 ?
<hr /> Cordialement Bul
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 ?
<hr /> Cordialement Bul
>>>>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...
c bon j'ai trouvé et oui ça avait un rapport avec les div je les ait remplacé par span et ça marche nikel, je vous remercie tous et je trouve que c magique de se faire aider par des personnes qu'on connais pas et qui se trouve un autre pays :) encore une fois merci
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?
Je viens de regarder ton profil, tu es d'algerie ;-)
Bientot ça sera toi qui pourra aider des gens d'un autre pays lol.
Bientot ça sera toi qui pourra aider des gens d'un autre pays lol.
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>