Discussion :

[TarErendis]

bonjour à tous,

J'aurais besoin de votre aide aujourd'hui pour m'aider à créer des compte à rebours multiples sur mon site

j'utilise ce code comme compte à rebours simple

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
echo '<label id="Compte"></label>
        <script type="text/JavaScript">
        var Affiche=document.getElementById("Compte");
        var date1 = new Date();
        var date2 = new Date(' . $tempsFin . ') * 1000;
 
        function Rebour()
        {
            date1 = new Date();
            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);
            sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
            Affiche.innerHTML = "<small>Temps restant: " + j +" J "+ h +" H "+ mn +" Min "+ sec + " Sec </small>";
            window.status = "Temps restant: " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
            }          
            tRebour=setTimeout ("Rebour();", 1000);
            }
            Rebour();
            </script>';

mais j'ai besoin de faire une liste d'éléments sur mon site qui ont chacun, sur la même page, leur propre compte à rebours.
j'ai mis ce script dans la boucle php qui liste les éléments avec un id dynamique "Compte'. $i .' " qui s’incrémente à chaque passage dans la boucle... cela s'affiche bien sauf qu'il n'y a qu'un seul des comptes à rebours qui défile... les autres il faut actualiser la page pour que le temps diminue... Je ne maitrisse malheureusement pas très bien le JS... Si quelqu'un voulais bien m'expliquer ou me montrer les modification à faire pour avoir un compte à rebours pour chaque élément de ma boucle php

merci beaucoup d'avance !!

[SpaceFrog]

Sujet déja traité ....
une petite recherche s'impose

http://www.developpez.net/forums/d10...ours-multiple/

http://www.developpez.net/forums/d11...ompte-rebours/

[TarErendis]

J'ai effectivement déjà lut ces deux sujets que j'ai trouvé via google, mais comme je l'ai dit dans mon message je ne maitrise pas vraiment le Jscript et j'aurais besoin que quelqu'un m'explique comment modifier mon bout de code pour cela fonctionne :/

[SpaceFrog]

je ne maitrise pas vraiment le Jscript
Jscript ???
ici c'est javascript ... :grin:

[TarErendis]

désolé, "Java script", excuser le pauvre inculte que je suis qui utilise parfois autre chose que JS ou Java script

[SpaceFrog]

Coller du javascript (tout attaché) en plein milieu du code html est à eviter...

Pour utiliser plusieurs fois la même fonction il faut en appeler une nouvelle instance, comme explique sur les autres posts référencés ci dessus anvec new ...