Bonjour,
J'ai un petit probleme de compte à rebours dynamique. Je voudrais afficher 2 compteurs sur ma page mais impossible de trouver la variable à modifier pour que ca marche.
Je souhaite donc faire plusieurs compte a rebours.
Voici le code comportant les 2 comptes à rebours: ce code affiche bien les deux temps max sauf que le premier n'évolue pas, par contre le deuxieme marche impecable.
Je pense que le plus propre (point de vue codage) est de faire une fonction unique mais je n'ai pas reussi, tjs le meme probleme du premier compteur qui reste statique.
Merci de bien vouloir m'aider,
--------------------------------------------------------------------------------
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80 <BODY> <DIV ID="Counter"></DIV> <SCRIPT type="text/javascript"> var Seconds_Counter = 500; var Target_Counter = document.getElementById('Counter'); var Target_Time_Counter = new Date(); var Time_Beginn_Counter = Target_Time_Counter.getTime(); var Time_End_Counter = Time_Beginn_Counter + (Seconds_Counter*1000); Target_Time_Counter.setTime(Time_End_Counter); CountDown_Counter(); function CountDown_Counter() { var Current_Date_Counter = new Date(); var Curren_tTime_Counter = Current_Date_Counter.getTime() var Open_Time_Counter = Math.floor((Target_Time_Counter-Curren_tTime_Counter)/1000); var s_Counter = Open_Time_Counter % 60; var m_Counter = ((Open_Time_Counter-s_Counter)/60) % 60; var h_Counter = ((Open_Time_Counter-s_Counter-m_Counter*60)/(60*60)); var fh_Counter = ((h_Counter < 10) ? "0" : "") + h_Counter + "h "; var fm_Counter = ((m_Counter < 10) ? "0" : "") + m_Counter + "min "; var fs_Counter = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec"; var Time_Counter = fh_Counter + fm_Counter + fs_Counter; var Output_String_Counter=Time_Counter; if(Open_Time_Counter<=0) { Target_Counter.innerHTML= "terminé"; } else { Target_Counter.innerHTML= "fini ds " + Output_String_Counter; window.setTimeout("CountDown_Counter()",1000); } } </SCRIPT> </div> DEUXIEME COMPTEUR: <DIV ID="Counter_2"></DIV> <SCRIPT type="text/javascript"> var Seconds_Counter = 200; var Target_Counter = document.getElementById('Counter_2'); var Target_Time_Counter = new Date(); var Time_Beginn_Counter = Target_Time_Counter.getTime(); var Time_End_Counter = Time_Beginn_Counter + (Seconds_Counter*1000); Target_Time_Counter.setTime(Time_End_Counter); CountDown_Counter_2(); function CountDown_Counter_2() { var Current_Date_Counter = new Date(); var Curren_tTime_Counter = Current_Date_Counter.getTime() var Open_Time_Counter = Math.floor((Target_Time_Counter-Curren_tTime_Counter)/1000); var s_Counter = Open_Time_Counter % 60; var m_Counter = ((Open_Time_Counter-s_Counter)/60) % 60; var h_Counter = ((Open_Time_Counter-s_Counter-m_Counter*60)/(60*60)); var fh_Counter = ((h_Counter < 10) ? "0" : "") + h_Counter + "h "; var fm_Counter = ((m_Counter < 10) ? "0" : "") + m_Counter + "min "; var fs_Counter = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec"; var Time_Counter = fh_Counter + fm_Counter + fs_Counter; var Output_String_Counter=Time_Counter; if(Open_Time_Counter<=0) { Target_Counter.innerHTML= "terminé"; } else { Target_Counter.innerHTML= "fini ds " + Output_String_Counter; window.setTimeout("CountDown_Counter_2()",1000); } } </SCRIPT> </div> </BODY>
Partager