Impossible de changer taille police dans le script d'un compte à rebours
Bonjour tout le monde!
Alors, voilà :
1) J'ai un script de compte à rebours (voir ci-dessous)
2) Bien que j'arrive à changer différents paramètres (texte, couleur de fond, couleur de police, etc...) je ne parviens pas à changer la taille du texte.
3) De ce que j'en sais, c'est font, font-size la propriété pour appliquer une valeur à la taille du texte.
Pourquoi ça ne marche pas avec font-size, que dois-je faire dès lors?
Merci infiniment et par avance
Code:
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> |
