From c31e70bb8af24fbbeadecfdbf5b502ef2d25b84b Mon Sep 17 00:00:00 2001 From: Nick Stokoe Date: Tue, 31 Dec 2013 14:21:19 +0000 Subject: [PATCH] initial commit, debug version --- countdown.html | 32 ++++++++++++ countdown.js | 130 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 162 insertions(+) create mode 100644 countdown.html create mode 100644 countdown.js diff --git a/countdown.html b/countdown.html new file mode 100644 index 0000000..b31e53d --- /dev/null +++ b/countdown.html @@ -0,0 +1,32 @@ + + + + + + + + +
+until 1st January 2014 in +
+at local time +
+ +
+ + + diff --git a/countdown.js b/countdown.js new file mode 100644 index 0000000..cb3cf8a --- /dev/null +++ b/countdown.js @@ -0,0 +1,130 @@ +var events = [ +{ time: new Date("Tue 31 Dec 2013 10:00:00 GMT"), country: "Christmas Island/Kiribati and Samoa", city: "Kiritimati, Apia" }, +{ time: new Date("Tue 31 Dec 2013 10:15:00 GMT"), country: "Chatham Islands/New Zealand", city: "Chatham Islands" }, +{ time: new Date("Tue 31 Dec 2013 11:00:00 GMT"), country: "New Zealand with exceptions and 5 more", city: "Auckland, Suva, Wellington, Nukualofa" }, +{ time: new Date("Tue 31 Dec 2013 12:00:00 GMT"), country: "small region of Russia, Marshall Islands and 5 more", city: "Anadyr, Funafuti, Yaren, Tarawa" }, +{ time: new Date("Tue 31 Dec 2013 12:30:00 GMT"), country: "Norfolk Island", city: "Kingston" }, +{ time: new Date("Tue 31 Dec 2013 13:00:00 GMT"), country: "much of Australia and 5 more", city: "Melbourne, Sydney, Canberra, Honiara" }, +{ time: new Date("Tue 31 Dec 2013 13:30:00 GMT"), country: "small region of Australia", city: "Adelaide, Broken Hill" }, +{ time: new Date("Tue 31 Dec 2013 14:00:00 GMT"), country: "Queensland/Australia and 5 more", city: "Brisbane, Port Moresby, Guam (Hagåtña), Cairns" }, +{ time: new Date("Tue 31 Dec 2013 14:30:00 GMT"), country: "Northern Territory/Australia", city: "Darwin, Alice Springs, Uluru" }, +{ time: new Date("Tue 31 Dec 2013 15:00:00 GMT"), country: "Japan and 6 more", city: "Tokyo, Seoul, Pyongyang, Dili" }, +{ time: new Date("Tue 31 Dec 2013 15:15:00 GMT"), country: "Western Australia/Australia", city: "Eucla" }, +{ time: new Date("Tue 31 Dec 2013 16:00:00 GMT"), country: "China and 12 more", city: "Beijing, Hong Kong, Manila, Singapore" }, +{ time: new Date("Tue 31 Dec 2013 17:00:00 GMT"), country: "much of Indonesia, Thailand and 7 more", city: "Jakarta, Bangkok, Hanoi, Phnom Penh" }, +{ time: new Date("Tue 31 Dec 2013 17:30:00 GMT"), country: "Myanmar and Cocos Islands", city: "Yangon, Naypyidaw, Mandalay, Bantam" }, +{ time: new Date("Tue 31 Dec 2013 18:00:00 GMT"), country: "Bangladesh, some regions of Russia and 4 more", city: "Dhaka, Almaty, Bishkek, Thimphu" }, +{ time: new Date("Tue 31 Dec 2013 18:15:00 GMT"), country: "Nepal", city: "Kathmandu, Biratnagar, Pokhara" }, +{ time: new Date("Tue 31 Dec 2013 18:30:00 GMT"), country: "India and Sri Lanka", city: "New Delhi, Mumbai, Kolkata, Bangalore" }, +{ time: new Date("Tue 31 Dec 2013 19:00:00 GMT"), country: "Pakistan and 8 more", city: "Tashkent, Islamabad, Lahore, Karachi" }, +{ time: new Date("Tue 31 Dec 2013 19:30:00 GMT"), country: "Afghanistan", city: "Kabul, Kandahar, Mazari Sharif, Herat" }, +{ time: new Date("Tue 31 Dec 2013 20:00:00 GMT"), country: "much of Russia and 8 more", city: "Moscow, Dubai, Abu Dhabi, Muscat" }, +{ time: new Date("Tue 31 Dec 2013 20:30:00 GMT"), country: "Iran", city: "Tehran, Rasht, Esfahãn, Bandar-Abbas" }, +{ time: new Date("Tue 31 Dec 2013 21:00:00 GMT"), country: "Iraq and 20 more", city: "Baghdad, Khartoum, Nairobi, Addis Ababa" }, +{ time: new Date("Tue 31 Dec 2013 22:00:00 GMT"), country: "Greece and 30 more", city: "Cairo, Ankara, Athens, Bucharest" }, +{ time: new Date("Tue 31 Dec 2013 23:00:00 GMT"), country: "Germany and 43 more", city: "Brussels, Madrid, Paris, Rome" }, +{ time: new Date("Wed 1 Jan 2014 00:00:00 GMT"), country: "United Kingdom and 24 more", city: "London, Casablanca, Dublin, Lisbon" }, + +{ time: new Date("Wed 1 Jan 2014 1:00:00 GMT"), country: "Cape Verde, some regions of Greenland and 1 more", city: "Praia, Ponta Delgada (Azores), Ittoqqortoormiit, Mindelo" }, +{ time: new Date("Wed 1 Jan 2014 2:00:00 GMT"), country: "regions of Brazil, Uruguay and 1 more", city: "Rio de Janeiro, São Paulo, Brasilia, Wed 1 Jan 2014tevideo" }, +{ time: new Date("Wed 1 Jan 2014 3:00:00 GMT"), country: "regions of Brazil, Argentina and 7 more", city: "Buenos Aires, Santiago, Asuncion, Paramaribo" }, +{ time: new Date("Wed 1 Jan 2014 3:30:00 GMT"), country: "Newfoundland and Labrador/Canada", city: "St. John's, Conception Bay South, Corner Brook, Gander" }, +{ time: new Date("Wed 1 Jan 2014 4:00:00 GMT"), country: "some regions of Canada and 26 more", city: "La Paz, San Juan, Santo Domingo, Halifax" }, +{ time: new Date("Wed 1 Jan 2014 4:30:00 GMT"), country: "Venezuela", city: "Caracas, Barquisimeto, Maracaibo, Maracay" }, +{ time: new Date("Wed 1 Jan 2014 5:00:00 GMT"), country: "regions of U.S.A., regions of Canada and 12 more", city: "New York, Washington DC, Detroit, Havana" }, +{ time: new Date("Wed 1 Jan 2014 6:00:00 GMT"), country: "regions of U.S.A., some regions of Canada and 8 more", city: "Mexico City, Chicago, Guatemala, Dallas" }, +{ time: new Date("Wed 1 Jan 2014 7:00:00 GMT"), country: "some regions of U.S.A., some regions of Canada and 1 more", city: "Calgary, Denver, Edmonton, Phoenix" }, +{ time: new Date("Wed 1 Jan 2014 8:00:00 GMT"), country: "regions of U.S.A., some regions of Canada and 2 more", city: "Los Angeles, San Francisco, Las Vegas, Seattle" }, +{ time: new Date("Wed 1 Jan 2014 9:00:00 GMT"), country: "Alaska/U.S.A. and French Polynesia", city: "Anchorage, Fairbanks, Unalaska, Juneau" }, +{ time: new Date("Wed 1 Jan 2014 9:30:00 GMT"), country: "Marquesas Islands/France", city: "Taiohae" }, +{ time: new Date("Wed 1 Jan 2014 10:00:00 GMT"), country: "small region of U.S.A. and 2 more", city: "Honolulu, Rarotonga, Adak, Papeete" }, +{ time: new Date("Wed 1 Jan 2014 11:00:00 GMT"), country: "American Samoa, Midway Atoll/U.S.A. and 1 more", city: "Alofi, Midway, Pago Pago" }, +{ time: new Date("Wed 1 Jan 2014 12:00:00 GMT"), country: "small region of U.S.A.", city: "Baker Island, Howland Island" }, +]; +/* +var events = [ +{ time: new Date("Tue 31 Dec 2013 1:00:00 GMT"), country: "Cape Verde, some regions of Greenland and 1 more", city: "Praia, Ponta Delgada (Azores), Ittoqqortoormiit, Mindelo" }, +{ time: new Date("Tue 31 Dec 2013 2:00:00 GMT"), country: "regions of Brazil, Uruguay and 1 more", city: "Rio de Janeiro, São Paulo, Brasilia, Tue 31 Dec 2013tevideo" }, +{ time: new Date("Tue 31 Dec 2013 2:30:00 GMT"), country: "regions of Brazil, Argentina and 7 more", city: "Buenos Aires, Santiago, Asuncion, Paramaribo" }, +{ time: new Date("Tue 31 Dec 2013 2:45:00 GMT"), country: "Newfoundland and Labrador/Canada", city: "St. John's, Conception Bay South, Corner Brook, Gander" }, +]; +*/ +var now = new Date().getTime(); +var secsRemaining = 0; +var nextEvent; +var counter = document.getElementById("counter"); +var loc = document.getElementById("location"); +var time = document.getElementById("localtime"); + +var countDownSound = new Audio('countdown-nick.ogg'); + + + +function pad(num) { + return (num<10? "0"+num : ""+num); +} + +function counterClass(millisecsRemaining) { + if (millisecsRemaining > 3600000) return "hours"; + if (millisecsRemaining > 60000) return "minutes"; + if (millisecsRemaining > 10000) return "seconds"; + return "countdown"; +} + +function timeRemaining(millisecsRemaining) { +// var days = Math.floor(millisecsRemaining / millisInDay) +// millisecsRemaining -= days * millisInDay + + var hours = Math.floor(millisecsRemaining / 3600000) + millisecsRemaining -= hours * 3600000 + + var mins = Math.floor(millisecsRemaining / 60000) + millisecsRemaining -= mins * 60000 + + var secs = Math.round(millisecsRemaining / 1000) + return hours+":"+pad(mins)+":"+pad(secs) +} + +var playing = false; +function handleTick(now) { + console.log(now, now.getMilliseconds()); + + while (!nextEvent || nextEvent.time <= now) { + if (events.length == 0) return; + + nextEvent = events.shift(); + } + + + var millisecsRemaining = nextEvent.time.getTime() - now.getTime(); + var excl = millisecsRemaining < 1000*5? "!" : ""; + + console.log("seconds",now.getSeconds()); + if (60 - now.getSeconds() <= 10) { +// if (millisecsRemaining < 10000) { + if (!playing) { + countDownSound.play(); + playing = true; + } + } + else + playing = false; + + counter.innerHTML = timeRemaining(millisecsRemaining); + loc.innerHTML = nextEvent.city; + time.innerHTML = nextEvent.time.toLocaleFormat("%I:%M %p") + counter.className = counterClass(millisecsRemaining); +} + +function ticker() { + + var now = new Date(); + handleTick(now); + + var millis = now.getMilliseconds() + var millisTilNextSecond = 1000-millis; + setTimeout(ticker, millisTilNextSecond); +} + +ticker(); +