Compte à rebours, tout dépend de l'heure. . .

**kevinf** · 09/05/2007, 18h16

Salut,

j'ai trouvé sur Internénet, un petit scriptounet bien sympatique qui affiche un compte à rebourd à une date, le voici :

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
81
82
83
84
85
86
<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
// 1°) Configurez la date dans le futur dans le format ANNEE, MOIS, JOUR, HEURES sur 24h (0=minuit,23=11pm), MINUTES, SECONDES
setcountdown(2007,05,20,19,0,00)
 
// 2°) Changez les deux textes ci-dessous. Le premier pour annoncer l'évènement, le second qui s'affichera à la fin du compte à rebours.
var occasion=""
var message_on_occasion="C'est aujourd'hui l'ouverture, patience..."
 
// 3°) Configurez ci-dessous 5 variables pour la largeur, hauteur, la couleur de l'arrière plan, et le style du texte du champ
var countdownwidth='100%' // ou une valeur en % comme var countdownwidth='95%'
var countdownheight='35px'
var countdownbgcolor='' // ou une couleur en texte comme : lightyellow
var opentags='<p><font size="4" face="tahoma"><strong>'
var closetags='</strong></font></p>'
 
////////// NE RIEN EDITER CI-DESSOUS //////////////////
 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
 
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
 
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
 
window.onload=start_countdown
 
 
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Prochainement..."+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"L'évènement est déjà arrivé ! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(""+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes"+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=""+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes"+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Cependant, ce petit scriptounet affiche le compte à rebourd en fonction de l'heure du PC (ou MAC

) du client.

Alors ma questionnette, est tout simpliste, comment faire pour que au lien de prendre l'heure du client, prendre tout simplement l'heure du serveur chéri ...

Merci de votre aide à tous.

**Auteur** · 09/05/2007, 20h03

oh, il faut sans doute utiliser des fonctionnettes du langageounet PHP.

En effet le langageounet Javascript est pour les petits clients chéris, alors que le PHP est un langageounet pour ton gros serveur chéri

J'espère que ma réponsette te satisfait....

**kevinf** · 10/05/2007, 07h09

Merci de te réponsounette bien sympatique, mais n'aurais tu pas un scriptounet pour faire la même chose mais qui récupère l'heure du serveurounet?

**Auteur** · 10/05/2007, 11h22

**kevinf** · 10/05/2007, 18h15

J'ai rien trouvé sur notre cher GOOGLE.

Cependant, je crois qu'il faut se servir de la fonction date(), en modifiant cette partie, mais je n'y arrive, pourrait-on m'aider ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
var today=new Date()  
var todayy=today.getYear()  
if (todayy < 1000)  
todayy+=1900  
var todaym=today.getMonth()  
var todayd=today.getDate()  
var todayh=today.getHours()  
var todaymin=today.getMinutes()  
var todaysec=today.getSeconds()

Merci aimable gens

**kevinf** · 11/05/2007, 08h31

Personne, car je n'y arrive pas.

Merci d'avance.

**kevinf** · 11/05/2007, 11h00

Donc, voila j'ai réussi a le faire avec l'heure du serveur :

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
81
82
83
<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
// 1°) Configurez la date dans le futur dans le format ANNEE, MOIS, JOUR, HEURES sur 24h (0=minuit,23=11pm), MINUTES, SECONDES
setcountdown(2007,05,31,19,0,00)
 
// 2°) Changez les deux textes ci-dessous. Le premier pour annoncer l'évènement, le second qui s'affichera à la fin du compte à rebours.
var occasion=""
var message_on_occasion="C'est aujourd'hui l'ouverture, patience..."
 
// 3°) Configurez ci-dessous 5 variables pour la largeur, hauteur, la couleur de l'arrière plan, et le style du texte du champ
var countdownwidth='100%' // ou une valeur en % comme var countdownwidth='95%'
var countdownheight='35px'
var countdownbgcolor='' // ou une couleur en texte comme : lightyellow
var opentags='<p><font size="4" face="tahoma"><strong>'
var closetags='</strong></font></p>'
 
////////// NE RIEN EDITER CI-DESSOUS //////////////////
 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
 
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
 
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
 
window.onload=start_countdown
 
 
function countdown(){
var todayy=<?php echo date('Y'); ?>; 
var todaym=<?php echo date('m'); ?>; 
var todayd=<?php echo date('d'); ?>; 
var todayh=<?php echo date('H'); ?>; 
var todaymin=<?php echo date('i'); ?>; 
var todaysec=<?php echo date('s'); ?>; 
var todaystring=montharray[todaym-1]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec 
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Prochainement..."+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"L'évènement est déjà arrivé ! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(""+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes"+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=""+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes"+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Cependant avant de modifier le code, les secondes, les minutes, les heures et les jours, défilaient automatiquement, alors que là tout est fixe, pourquoi et comment faire pour que tout redéfile automatiquement?

Merci

**alex56470** · 28/02/2008, 13h18

Bonjour,

J'ai repris le code, mais j'ai besoin de deux compte a rebours dynamique sur la meme page. Seul le second s'affiche, que modifier pour que cela marche?

Merci.

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<center>
 
<script language="JavaScript1.2">
 
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
 
////////// CONFIGUREZ LE COMPTEUR CI-DESSOUS //////////////////
 
// 1°) Configurez la date dans le futur dans le format ANNEE, MOIS, JOUR, HEURES sur 24h (0=minuit,23=11pm), MINUTES, SECONDES
setcountdown(2008,12,27,09,00,00)
 
// 2°) Changez les deux textes ci-dessous. Le premier pour annoncer l'évènement, le second qui s'affichera à la fin du compte à rebours.
var occasion="compte a rebourg v1"
var message_on_occasion="C'est aujourd'hui !"
 
// 3°) Configurez ci-dessous 5 variables pour la largeur, hauteur, la couleur de l'arrière plan, et le style du texte du champ
var countdownwidth='640px' // ou une valeur en % comme var countdownwidth='95%'
var countdownheight='35px'
var countdownbgcolor='' 
var opentags='<big><b><color="red">'
var closetags='</color></b></big>'
var opentags1='<big><b>'
var closetags1='</b></big>'
 
////////// NE RIEN EDITER CI-DESSOUS //////////////////
 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
 
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
 
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
 
window.onload=start_countdown
 
 
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Les équipes sont déjà parties ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Les équipes sont déjà parties ! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write("Il reste "+opentags+dday+ "jours "+dhour+":"+dmin+":"+dsec+closetags+" avant les départs du "+opentags1+occasion+closetags1)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML="Il reste "+opentags+dday+ "jours "+dhour+":"+dmin+":"+dsec+closetags+" avant le départ du "+opentags1+occasion+closetags1
}
setTimeout("countdown()",1000)
}
</script>
</center>
<hr />
 
<!-- DEBUT DU SCRIPT COMPTE A REBOURS -->
<center>
 
<script language="JavaScript1.2">
 
function setcountdownSecond(theyearSecond,themonthSecond,thedaySecond,thehourSecond,theminSecond,thesecSecond){
yrSecond=theyearSecond;moSecond=themonthSecond;daSecond=thedaySecond;hrSecond=thehourSecond;minSecond=theminSecond;secSecond=thesecSecond
}
 
////////// CONFIGUREZ LE COMPTEUR CI-DESSOUS //////////////////
 
// 1°) Configurez la date dans le futur dans le format ANNEE, MOIS, JOUR, HEURES sur 24h (0=minuit,23=11pm), MINUTES, SECONDES
setcountdownSecond(2009,02,19,09,00,00)
 
// 2°) Changez les deux textes ci-dessous. Le premier pour annoncer l'évènement, le second qui s'affichera à la fin du compte à rebours.
var occasionSecond="compte a rebourg v2"
var message_on_occasionSecond="C'est aujourd'hui !"
 
// 3°) Configurez ci-dessous 5 variables pour la largeur, hauteur, la couleur de l'arrière plan, et le style du texte du champ
var countdownwidth='640px' // ou une valeur en % comme var countdownwidth='95%'
var countdownheight='35px'
var countdownbgcolor='' 
var opentags='<big><b><color="red">'
var closetags='</color></b></big>'
var opentags1='<big><b>'
var closetags1='</b></big>'
 
////////// NE RIEN EDITER CI-DESSOUS //////////////////
 
var montharraySecond=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscountSecond=''
 
function start_countdownSecond(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscountSecond=document.getElementById&&!document.all?document.getElementById("countdownieSecond") : countdownieSecond
countdownSecond()
}
 
if (document.all||document.getElementById)
document.write('<span id="countdownieSecond" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
 
window.onload=start_countdownSecond
 
 
function countdownSecond(){
var todaySecond=new Date()
var todayySecond=todaySecond.getYear()
if (todayySecond < 1000)
todayySecond+=1900
var todaymSecond=todaySecond.getMonth()
var todaydSecond=todaySecond.getDate()
var todayhSecond=todaySecond.getHours()
var todayminSecond=todaySecond.getMinutes()
var todaysecSecond=todaySecond.getSeconds()
var todaystringSecond=montharraySecond[todaymSecond]+" "+todaydSecond+", "+todayySecond+" "+todayhSecond+":"+todayminSecond+":"+todaysecSecond
futurestringSecond=montharraySecond[moSecond-1]+" "+daSecond+", "+yrSecond+" "+hrSecond+":"+minSecond+":"+secSecond
ddSecond=Date.parse(futurestringSecond)-Date.parse(todaystringSecond)
ddaySecond=Math.floor(ddSecond/(60*60*1000*24)*1)
dhourSecond=Math.floor((ddSecond%(60*60*1000*24))/(60*60*1000)*1)
dminSecond=Math.floor(((ddSecond%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsecSecond=Math.floor((((ddSecond%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasionSecond
if(ddaySecond<=0&&dhourSecond<=0&&dminSecond<=0&&dsecSecond<=1&&todaydSecond==daSecond){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasionSecond+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscountSecond.innerHTML=opentags+message_on_occasionSecond+closetags
return
}
//if passed day of occasionSecond
else if (ddaySecond<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Les équipes sont déjà parties ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscountSecond.innerHTML=opentags+"Les équipes sont déjà parties ! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write("Il reste "+opentags+ddaySecond+ "jours "+dhourSecond+":"+dminSecond+":"+dsecSecond+closetags+" avant les départs du "+opentags1+occasionSecond+closetags1)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscountSecond.innerHTML="Il reste "+opentags+ddaySecond+ "jours "+dhourSecond+":"+dminSecond+":"+dsecSecond+closetags+" avant le départ du "+opentags1+occasionSecond+closetags1
}
setTimeout("countdownSecond()",1000)
}
</script>
</center>
<!-- FIN DU SCRIPT COMPTE A REBOURS -->

Compte à rebours, tout dépend de l'heure. . .

JavaScript

Discussions similaires

Partager

Partager