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 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body>
<div id="compteur"></div>
<script type type="text/javascript">
// valeurs à modifier selon vos préférences
DateFinale = "01/01/2013 00:00 AM";
CouleurBG = "";
CouleurTexte = "red";
TailleTexte= 40;
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, ftsize) {
screenstyle=document.getElementById("compteur").style;
screenstyle.backgroundColor=backcolor;
screenstyle.color= forecolor;
screenstyle.fontSize=ftsize
}
Interval = Math.ceil(Interval);
if (Interval == 0)
CompteurActif = false;
var SetTimeOutPeriod = (Math.abs(Interval)-1)*1000 + 990;
formatTemps(CouleurBG, CouleurTexte, TailleTexte);
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>
<div style="text-align:center"><span id="compteur" ></span></div>
</body>
</html> |
Partager