Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Messages recommandés

Posté(e) (modifié)

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 !

Modifié par relax max

  • Modérateurs
Posté(e)

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

Posté(e)

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

Posté(e) (modifié)

Je suis passé sur ce script qui me convient tout à fait :

http://itx-technologies.com/blog/434-creer-un-compte-a-rebours-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 :super:

 

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

Modifié par relax max
Posté(e)

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.

Posté(e)

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 ?

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...