1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
| <script type="text/javascript">
// valeurs à modifier selon vos préférences
DateFinale = "01/01/2013 00:00 AM";
CouleurBG = "";
CouleurTexte = "#000000";
CompteurActif = true;
Interval = -1;
ZeroDevant = true;
FormatAffichage = "Pour en profiter, il vous reste : <br> %%D%% jours %%H%%:%%M%%:%%S%%";
ActionFinale = "C'est terminé!";
// 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 formaté 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);
</script> |
Partager