master-monkey
asked on
Countdown Timer
Not sure if this is in the right category.
Can anyone help me? I need a countdown page for someone who is retiring in 3 + years.
I would like this to look as professional as possible.
This is what I would like -
(Everything is centered in Large Type)
Roxanne's Retirement Countdown Clock
September 30, 2009 at 5 p.m.
(Display Countdown)
Months
(Display Countdown)
Days
(Display Countdown)
Hours
(Display Countdown)
Minutes
(Display Countdown)
Seconds
If it's not pushing my luck is it possible to have two versions. One that includes weekends and the other excluding them.
I hope this isn't asking too much. Web languages are not my forte.
Thanks in advance for your help.
Can anyone help me? I need a countdown page for someone who is retiring in 3 + years.
I would like this to look as professional as possible.
This is what I would like -
(Everything is centered in Large Type)
Roxanne's Retirement Countdown Clock
September 30, 2009 at 5 p.m.
(Display Countdown)
Months
(Display Countdown)
Days
(Display Countdown)
Hours
(Display Countdown)
Minutes
(Display Countdown)
Seconds
If it's not pushing my luck is it possible to have two versions. One that includes weekends and the other excluding them.
I hope this isn't asking too much. Web languages are not my forte.
Thanks in advance for your help.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Excellent. Thanks a lot. All I need to do now is the design but I can do that.
Thanks again.
Thanks again.
This is socond one. This exclude the weekends. But may be it will be approximate as assumption is that averagely month is of 30 days and there will be 8 days excluded from every month. as 4 weeks and 2 weekend days. Hope this helps
<html>
<head>
<script language="JavaScript">
function startCountDown()
{
TargetDate = "09/30/2009 5:00 PM"; // this is target time
var dthen = new Date(TargetDate); //target time date
var dnow = new Date(); //current date
ddiff = new Date(dthen-dnow); // diffference
gsecs = Math.floor(ddiff.valueOf()
gmonths = Math.floor(gsecs/2592000) //calculate months
gdays = Math.floor(gsecs/86400) //calculate days
gdays = gdays - (gmonths*8) //subtract by (totalmonths*8) i.e. total weekend days (8 in one month)
gsecs = gdays*86400 //get seconds back
CountBack(gsecs); //call count down
}
function calcage(secs, num1, num2) //will take seconds and convert to minutes hours days etc
{
s = ((Math.floor(secs/num1))%n
if (s.length < 2)
s = "0" + s;
return "<b>" + s + "</b>"; //return number (unit)
}
function CountBack(secs)
{
if (secs < 0) {
document.getElementById("f
return;
}
document.getElementById("m
document.getElementById("m
document.getElementById("m
document.getElementById("m
document.getElementById("m
setTimeout("CountBack(" + (secs-1) + ")", 990);
}
</script>
</head>
<body onload="startCountDown()">
<table border="1" bordercolor="#A8A9A0" width="80%" align="center">
<tr><td align="center">Roxanne's Retirement Countdown Clock (Excluding Weekends)</td></tr>
<tr><td align="center">September 30, 2009 at 5 p.m.</td></tr>
<tr><td align="center"><div id="mymonths"></div> Months</td></tr>
<tr><td align="center"><div id="mydays"></div> Days</td></tr>
<tr><td align="center"><div id="myhours"></div> Hours</td></tr>
<tr><td align="center"><div id="mymin"></div> Minutes</td></tr>
<tr><td align="center"><div id="mysec"></div> Seconds</td></tr>
<tr><td align="center"><div id="finished"></div></td><
</table>
</body>
</html>
By Nab