Bonjour,
Mon problème est le suivant: Je dispose d'une page avec plusieurs produits. Pour chaque produit, j'aimerais pouvoir avoir un compte à rebours.
En fait, j'ai bien une idée: créer la même fonction pour chaque produit (dynamiquement) mais j'aimerais que ça soit "propre" et avoir une fonction qui les gère tous...
J'ai déjà testé moult manières. J'y arrive pas... :/
Quelqu'un pourrait-il éclairé mes lumières? Une piste du moins... ?
Code html : 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 PRODUIT TEST 1 <br /> <input type="text" id="date_end1" value="2011 02 28 00 00 00" /> <div id="countdown1" style="display:block;"></div><hr /> PRODUIT TEST 2 <br /> <input type="text" id="date_end2" value="2011 03 15 23 59 00" /> <div id="countdown2" style="display:block;"></div><hr /> <br /> <script type="text/JavaScript"> function Rebour(div, date_end) { var date1 = new Date(); var date2 = new Date (date_end); // Date et heure de l'événement var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde var n = 24 * 3600; //nombre de secondes dans un jour 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))); div.innerHTML = + h +"h "+ mn +"min "+ sec + "s"; } tRebour=setTimeout("Rebour();", 0); } var k = 1; for(var i=0; i < document.getElementById("productNumber").value; i++){ k = k + i; ladiv = document.getElementById("countdown" + k); ladate = document.getElementById("date_end" + k).value; new Rebour(ladiv, ladate); } </script>
Cordialement, Guillaume.
Partager