modification d'un compte a rebours dynamique
Bonjour, voila je voudrais que mon compte a rebours affiche les heures ,minutes et secondes par 00:00:00 ,une fois qu'il sont en dessous de 10. Et puis qu'une fois qu'on clique sur le bouton relancez il revienne a 15 secondes une fois qu'il est en dessous des 15 secondes. si vous savez m'aider ça serait très sympa
voici le code :
Code:
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
| <head>
<style style="text/css">
.lcdstyle{
background-color: #FFFFFF;
color:lime;
font: bold 18px MS Sans Serif;
padding: 3px;
}
.lcdstyle sup{
font-size: 80%
}
</style>
<script type="text/javascript">
function cdLocalTime(container, servermode, offsetMinutes, targetdate, debugmode){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
var servertimestring=(servermode=="server-php")? '<? print date("F d, Y H:i:s", time())?>' : (servermode=="server-ssi")? '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' : '<%= Now() %>'
this.localtime=this.serverdate=new Date(servertimestring)
this.targetdate=new Date(targetdate)
this.debugmode=(typeof debugmode!="undefined")? 1 : 0
this.timesup=false
this.localtime.setTime(this.serverdate.getTime()+offsetMinutes*60*1000)
this.updateTime()
}
cdLocalTime.prototype.updateTime=function(){
var thisobj=this
this.localtime.setSeconds(this.localtime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000)
}
cdLocalTime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdLocalTime.prototype.showresults=function(){
var thisobj=this
var debugstring=(this.debugmode)? "<p style=\"background-color: #FCD6D6; color: black; padding: 5px\"><big>Debug Mode on!</big><br /><b>Current Local time:</b> "+this.localtime.toLocaleString()+"<br />Verify this is the correct current local time, in other words, time zone of count down date.<br /><br /><b>Target Time:</b> "+this.targetdate.toLocaleString()+"<br />Verify this is the date/time you wish to count down to (should be a future date).</p>" : ""
var timediff=(this.targetdate-this.localtime)/1000
if (timediff<0){
this.timesup=true
this.container.innerHTML=debugstring+this.formatresults()
return
}
var oneMinute=60
var oneHour=60*60
var oneDay=60*60*2
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor(timediff/oneHour)
var minutefield=Math.floor((timediff-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=debugstring+this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000)
}
function formatresults(){
if (this.timesup==false){
var displaystring="<span style='background-color: #CFEAFE'>"+arguments[1]+":"+arguments[2]+":"+arguments[3]+"</span>"
}
else{
var displaystring="Launch time!"
}
return displaystring
}
function formatresults2(){
if (this.timesup==false){
var displaystring="<span class='lcdstyle'>"+arguments[1]+":"+arguments[2]+":"+arguments[3]+"</span>"
}
else{
var displaystring=""
alert("Launch time!")
}
return displaystring
}
</script>
<head>
<body>
<div id="cdcontainer"></div>
<p>
<script type="text/javascript">
var launchdate=new cdLocalTime("cdcontainer", "server-php", 0, "April 23, 2010 15:53:00")
launchdate.displaycountdown("days", formatresults2)
</script>
<body>
</p>
<p>
<input name="button" type="button" onClick="ResetCompteur(); return false;" value="relancez">
</p>
?> |
