Compte � rebours en javascript

**fifou89** · 12/10/2010, 16h30

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

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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>

**Bovino** · 12/10/2010, 16h39

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var Affiche = document.getElementById("Compte");

au moment ou cette variable est d�clar�e, l'�l�ment dont l'id est "Compte" n'existe pas encore, du coup, la variable est nulle.

**fifou89** · 12/10/2010, 16h49

Merci bovino
Effectivement cette variable ne fonctionne pas mais je ne m'en sers pas (j'ai juste oubli� de supprimer la ligne

).
Pas de solution pour mon probl�me par contre ?

**Bovino** · 12/10/2010, 17h12

J'avais juste fait un "break on first error" !

A priori, ton code devrait marcher, � condition d'attendre environ 1s...

EDIT :
Arf... non :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (format = "jours")

= est une affectation, dont l'�quivalent bool�en est true, donc tu rentres toujours dans ce cas.
Pour la comparaison, c'est == ou ===

**fifou89** · 12/10/2010, 17h34

Mon dieu... J'ai honte de ne pas avoir vu �a.

Ca fonctionne, c'est g�nial!
Merci Bovino pour ton aide.

Compte � rebours en javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager