Realtime Birthday Countdown:
Give in the date for your next birthday and click 'start countdown'. The dynamic countdown will be displayed on your status bar.
year
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
month
January
February
March
April
May
June
July
August
September
October
November
December
day
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
Configuration:
Step 1:
Copy the following script-code between the
<head>
and
</head>
section of your webpage:
<script> // CREDITS: // Realtime Birthday Countdown // by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. var futuredate var nowdate var resulthoursraw var resulthours var resultminutesraw var resultminutes var resultsecondsraw var resultseconds var content function setfuturedate() { var futureyear=document.future.ye.options[document.future.ye.selectedIndex].value var futuremonth=document.future.mo.options[document.future.mo.selectedIndex].value var futureday=document.future.da.options[document.future.da.selectedIndex].value futuredate=new Date(futureyear,futuremonth,futureday,0,0,0) docountdown() } function docountdown() { caclulateresults() formatresults() displayresults() setTimeout("docountdown()",1000) } function caclulateresults() { nowdate=new Date() resultdaysraw=(Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24 resultdays=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24) resulthoursraw=(resultdaysraw-resultdays)*24 resulthours=Math.floor((resultdaysraw-resultdays)*24) resultminutesraw=(resulthoursraw-resulthours)*60 resultminutes=Math.floor((resulthoursraw-resulthours)*60) resultsecondsraw=(resultminutesraw-resultminutes)*60 resultseconds=Math.floor((resultminutesraw-resultminutes)*60) } function formatresults() { content="You have to wait "+resultdays+" days and "+resulthours+" hours and "+resultminutes +" minutes and "+resultseconds +" seconds for your next birthday." } function displayresults() { if (document.all) { window.status=content } if (document.layers) { window.status=content } } </script>
Step 2:
Copy the following script-code between the
<body>
and
</body>
section of your webpage:
<form name="future"> <font size=2 face=Verdana><b>Birthday Countdown</b><br> Give in the date for your next birthday and click 'start countdown'. The dynamic countdown will be displayed on your status bar. <br><br> <select name="ye" style="font-size:8pt"> <option>year</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> <select name="mo" style="font-size:8pt"> <option>month</option> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6">July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> <select name="da" style="font-size:8pt"> <option>day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <input type="button" onClick="setfuturedate()" value="start countdown" style="font-size:8pt"></form>