#1 2010-11-25 22:16:40

marineraux
Membre
pays de loire
2007-04-16
605

compte a rebours

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>

Dernière modification par marineraux (2010-11-25 22:37:54)

Hors ligne

Pied de page des forums

Propulsé par FluxBB

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