Compte � rebours en javascript
Bonjour,
Tout d'abord je tiens � pr�ciser que je suis compl�tement d�butant en javascript (genre bricoleur du dimanche) donc soyez indulgent ;)
Pour mon site j'ai besoin de cr�er en javascript un compte � rebours pour le d�but de la coupe du monde de rugby.
Jusqu'� la pas de probl�me, je me suis d�brouill� avec mon ami google pour trouver et adapter un script.
Ce script affiche le compte � rebours sous la forme XXj XXh XXmin XXs mais je voudrais que lorsque je passe ma souris sur le compte � rebours, l'affichage du temps passe en secondes ( XXXXXXXXXXXXs) et l� �a veut pas :cry:
En bon d�butant que je suis j'ai bricol� un peu le code � toutes les sauces (onmouseover par ci par l� pour voir) mais �a n'a jamais l'air d'�tre pris en compte :(
Je suppose que j'essaye d'interagir sur une fonction charg� au chargement de la page donc forc�ment les modifications ne sont pas mises en place.
Auriez-vous (s'il vous plait!!) une solution?
PS: mon code :
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
58
59
60
61
62
63
64
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title><!-- Insert your title here --></title>
<script type="text/JavaScript">
var Affiche = document.getElementById("Compte");
var format;
function mouseover(){
format="secondes";
//alert(format);
}
function mouseout(){
format="jours";
}
function Rebour() {
var date1 = new Date();
var date2 = new Date ("September 9 21:30:00 2011");
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0)
{
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec2 = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
if (format = "jours"){
//document.getElementById("Compte").innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec2 + " s ";
//window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec2 + " s ";
document.getElementById("Compte").innerHTML = "Temps restant : "+ Math.floor(sec) + " s ";
window.status = "Temps restant : " + Math.floor(sec) + " s ";
}
else
{
document.getElementById("Compte").innerHTML = "Temps restant : "+ Math.floor(sec) + " s ";
window.status = "Temps restant : " + Math.floor(sec) + " s ";
}
}
else{
document.getElementById("Compte").innerHTML = "Temps restant : 0j 00h 00min 00s";
window.status = "Temps restant : 0j 00h 00min 00s";
}
tRebour=setTimeout ("Rebour();", 1000);
}
</script>
<style>
p{
color: black;
}
</style>
</head>
<body onload="Rebour();">
<label onmouseover="mouseover();" onmouseout="mouseout();" id="Compte"></label>
</body>
</html> |
