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> |
