Summer Games Countdown : Date « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. Date

Summer Games Countdown

/*
JavaScript Bible, Fourth Edition
by Danny Goodman 

John Wiley & Sons CopyRight 2001
*/

<HTML>
<HEAD>
<TITLE>Summer Games Countdown</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// globals -- calculate only once
// set target date to 1700GMT on August 13, 2004
var targetDate = Date.UTC(2010, 7, 13, 17, 0, 0, 0)
var oneMinute = 60 * 1000
var oneHour = oneMinute * 60
var oneDay = oneHour * 24
function getTimeUntil(targetMS) {
    var today = new Date()
    var diff = targetMS - today.valueOf()
    return Math.floor(diff)
}

function getCountDown() {
    var ms = getTimeUntil(targetDate)
    var output = ""
    var days, hrs, mins, secs
    if (ms >= 0) {
        days = Math.floor(ms/oneDay)
        ms -= oneDay * days
        hrs = Math.floor(ms/oneHour)
        ms -= oneHour * hrs
        mins = Math.floor(ms/oneMinute)
        ms -= oneMinute * mins
        secs = Math.floor(ms/1000)
        output += days + " Days, " + 
                  hrs + " Hours, " +
                  mins + " Minutes, " +
                  secs + " Seconds"
    } else {
        output += "The time has passed."
    }
    return output
}
function updateCountDown() {
    document.forms[0].timer.value = getCountDown()
    setTimeout("updateCountDown()", 1000)
}
</SCRIPT>
</HEAD>
<BODY onLoad="updateCountDown()">
<H1>Athens Games Torch Lighting Countdown</H1>
<P>
<SCRIPT LANGUAGE="JavaScript">
if (navigator.userAgent.indexOf("Win") >= 0) {
    document.write("(" + (new Date(targetDate)).toLocaleString())
    document.write(" in your time zone.)")
}
</SCRIPT>
</P>
<FORM>
<INPUT TYPE="text" NAME="timer" SIZE=60>
</FORM>
<HR>
</BODY>
</HTML>








Related examples in the same category

1.Demo all methods in Date class
2.how many days Between two dates
3.Today's Date
4.Display date: day month year in string
5.Date: date, month, and year.
6.Set date: setDate, setHour
7.UTC time: getUTCDate returns the Universal Coordinated Time
8.Display weekday: name of the current day
9.Display full date : complete date with the day name and month name
10.Display time: continues writing time per second.
11.Date: Week of the year
12.Display current date: year, month day in number
13.Extending the Date Object to Include Some New Methods
14.Methods and Properties of the Date Object
15.Using the Date Object
16.Output day
17.A Dynamic Welcome Message
18.How Many Days Until Christmas
19.Simple Date Validation
20.GMT Calculator
21.Days Before Next Christmas Xmas
22.Get how many days before a date