Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, deRésolu

Question

salut a tous comme le titre le montre j'ai besoin de créé un compte a rebours qui affiche le nombre de mois, de jour, d'heure, de minutes de seconde qui reste avant un évenement et en temps réel donc pas besoin d'actualisé la page.
je suis débutant en javascript donc si quel qu'un pourai m'aider ça serai super sympa :) merci a tous

slashf · Accepted Answer

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

maelob · Answer

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

slashf · Answer

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

maelob · Answer

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.

cs_bultez · Answer

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

cs_bultez · Answer

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

cs_bultez · Answer

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

maelob · Answer

>>var fin=new Date("12/10/2008 13:50");

C'est pas un timestamp en paramètre?

cs_bultez · Answer

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

cs_bultez · Answer

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

maelob · Answer

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

cs_bultez · Answer

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

maelob · Answer

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

cs_bultez · Answer

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

maelob · Answer

>>>>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...

slashf · Answer

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

maelob · Answer

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?

maelob · Answer

Je viens de regarder ton profil, tu es d'algerie ;-) 

Bientot ça sera toi qui pourra aider des gens d'un autre pays lol.

slashf · Answer

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 :

maelob · Answer

Justement ma solution empeche ce saut de ligne car il n'y a qu'un seul div (d'ailleurs en mettre plusieurs surchage le document) ;-)

Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de

20 réponses

Votre réponse

sur les mêmes thèmes