Bonjour,
Je cherche à faire un compte à rebours dynamique sur mon site.
J'ai trouvé sur le net un code qui me convenait, mais le style d'écriture et moche.
Le code qui gère l'affichage est Affiche.innerHTML et window.status. Je veux changer le style grâce à une feuille css mais les balises <span id="CAR"> </span> ne fonctionne pas.
Je vous ai mis tout mon script si ça peut vous aider
Merci de m'aider
GDX
<body>
<!-- ######### COMPT A REBOUR #################### -->
<label id="Compte"></label>
<script type="text/javascript">
var Affiche=document.getElementById("Compte");
function Rebour()
{
var date1 = new Date();
var date2 = new Date ("Feb 06 20:00:00 2010"); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
if (sec > 0)
{
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = <span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>;
window.status = <span id="CAR"> "Il ne reste que " + j +" jours, "+ h +":"+ mn +":"+ sec </span>;
}
else
{
if (Math.abs(sec) < (5 * 60)) // Durée de l'événement
{
Affiche.innerHTML = <span id="CAR"> "Le gala a commencé que faite vous encore chez vous?" </span>;
window.status = <span id="CAR"> "Le gala a commencé que faite vous encore chez vous?" </span>;
}
else
{
Affiche.innerHTML = <span id="CAR"> "Merci à tous, Super gala cette année, grâce à vous" </span>;
window.status = <span id="CAR"> "Merci à tous, Super gala cette année, grâce à vous" </span>;
}
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>
</body>
Configuration: Windows Vista
Opera 9.64
Change class javascript
