Forums Zebulon.fr: Programmer un compte à rebours - Forums Zebulon.fr

Bonjour tout le monde !

j'ai besoin de programmer un compte à rebours pour un utilisateur lambda, donc avec des boites de message pour parametrer mes variables telles que l'heure de début, le temps à décompter, des messages à afficher etc etc.

J'ai besoin de couleur de fond, de couleur d'heure qui change fonction du temps, etc.


Je ne sais pas par où commencer, quel langage, quel logiciel ?
Du Pascal ? Du java pour que ce soit plus simple ?

Je suis novice, que me conseillez vous ?

Je pense que le HTML pourrait emplement me suffire, mais est-ce assez robuste ?



Merci !

Ce message a été modifié par relax max - 15 septembre 2011 - 12:56 .

Bonjour Relax Max,

Je pense que HTML pour la construction de la page, CSS pour la présentation, et JavaScript pour la dynamisation, devraient amplement suffire.

Cherche sur le Net un exemple d'affichage d'horloge (c'est un exercice super classique). Pour un compte à rebours, il suffit d'inverser l'incrément du compteur, et les méthodes JavaScript setTimeout et/ou setInterval devraient faire l'affaire.

Si tu ne trouves pas, j'essaierai ce soir de te retrouver chez moi l'exemple d'affichage de l'horloge que je m'étais construit

Merci Dylav pour ta réponse.

Je pense aussi que cette solution est la plus simple, car je vais perdre beaucoup de temps à essayer de comprendre les differents langages que je ne maitrise pas...

L'idée est de remplir les variables comme "durée du décompte" par une boite de dialogue, ainsi que d'autres variables dans ce ganre.

Je vais fouiller sur le web et mélanger tout ça pour faire mon bonheur

Je suis passé sur ce script qui me convient tout à fait :
http://itx-technolog...s-en-javascript

// valeurs à modifier selon vos préférences
DateFinale = "01/01/2100 00:00 AM";
CouleurBG = "#fff";
CouleurTexte = "#A30B06";
CompteurActif = true;
Interval = -1;
ZeroDevant = true;
FormatAffichage = "Il reste %%D%% jours, %%H%% heures, %%M%% minutes et %%S%% secondes<br />avant la fin du 21ième siècle !  ";
ActionFinale = "Enfin, c'est fini !";
 
 
// calcule la valeur de l'unité de temps
function calculateur(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (ZeroDevant && s.length < 2)
    s = "0" + s;
  return  s;
}
 
// affiche la valeur du compteur pour chaque unité de temps
// la valeur est insérée dans un innerHTML
function AfficheTemps(secs) {
  if (secs < 0) {
    document.getElementById("compteur").innerHTML = ActionFinale;
    return;
  }
  DisplayStr = FormatAffichage.replace(/%%D%%/g, calculateur(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calculateur(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calculateur(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calculateur(secs,1,60));
 
  document.getElementById("compteur").innerHTML = DisplayStr;
  if (CompteurActif)
    setTimeout("AfficheTemps(" + (secs+Interval) + ")", SetTimeOutPeriod);
}
 
// le temps est formatté selon les couleurs choisies
function formatTemps(backcolor, forecolor) {
 document.write("<div style='text-align:center'><span id='compteur' style='background-color:" + backcolor + 
                "; color:" + forecolor + "'></span></div>");
}
 
Interval = Math.ceil(Interval);
if (Interval == 0)
  CompteurActif = false;
var SetTimeOutPeriod = (Math.abs(Interval)-1)*1000 + 990;
formatTemps(CouleurBG, CouleurTexte);
var dthen = new Date(DateFinale);
var dnow = new Date();
if(Interval>0)
  ddiff = new Date(dnow-dthen);
else
  ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
AfficheTemps(gsecs);

Je l'incrémente

Ce que je veux faire :

supprimer la partie MM/JJ/AAAA de la date, je pense utiliser une methode get(), ou suppression de parametre ?

Mettre en forme le compteur en lui meme, en passant par un CSS je pense, bien que j'ai l'impression que les parametres sont définis directement en tete du JS...

Faire apparaitre jusque 4 compteurs sur la meme page, en utilisant des frames.
J'espere que le JS peut s'executer indépendament dans 4 frames...

Ce message a été modifié par relax max - 15 septembre 2011 - 04:14 .

Quelqu'un a une idée pour la modification de la mise en forme du compteur ?

j'ai essayé d'insérer le <script> dans une <div> + css mais ça ne fonctionne pas...

La mise en forme est définie par le JS en lui meme, je voudrais la gerer en CSS.

C'est bon je suis arrivé à faire tout ce que je voulais, sauf à m'affranchir de rentrer le format date "MM/JJ/AAAA" dasn le prompt de saisie de la date finale.

Quelqu'un a une idée pour m'en affranchir ou le remplir automatiquement à la date du jour ?