Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

marineraux
2010-11-25 22:16:40

bonsoir
je cherchais un petit compte à rebours simple et sympa ! et j'ai trouvé celui-ci (libre de droit).
simple à insérer dans le menu ou additional page !
parametrages du texte ; date finale et style aussi très simple !

alors je voulais juste le partager  ! à chacun son utilité :)
exemple sur mon site pour la nouvelle année ! :)

Code:

<p><script language="JavaScript">
<!-- JavaScript
// valeurs à modifier selon vos préférences
DateFinale = "04/06/2011 10:00 AM";
CouleurBG = "transparent";
CouleurTexte = "#333333";
CompteurActif = true;
Interval = -1;
ZeroDevant = true;
FormatAffichage = "Il reste %%D%% jours, %%H%% heures, %%M%% minutes et %%S%% secondes<br />avant la Cérémonie !  ";
ActionFinale = "soyez heureux !";
 
 
// 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);
// - JavaScript - -->
</script>
</p>

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact