🌍
Français
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 ! :)
<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