move web content to www
And rename countdown.html to index.html. Update dates to current year (so something happens!)
This commit is contained in:
Nick Stokoe
129
www/countdown.js
Normal file
129
www/countdown.js
Normal file
@@ -0,0 +1,129 @@
|
||||
var events = [
|
||||
{ time: new Date("Tue 31 Dec 2022 10:00:00 GMT"), country: "Christmas Island/Kiribati and Samoa", city: "Kiritimati, Apia" },
|
||||
{ time: new Date("Tue 31 Dec 2022 10:15:00 GMT"), country: "Chatham Islands/New Zealand", city: "Chatham Islands" },
|
||||
{ time: new Date("Tue 31 Dec 2022 11:00:00 GMT"), country: "New Zealand with exceptions and 5 more", city: "Auckland, Suva, Wellington, Nukualofa" },
|
||||
{ time: new Date("Tue 31 Dec 2022 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 2022 12:30:00 GMT"), country: "Norfolk Island", city: "Kingston" },
|
||||
{ time: new Date("Tue 31 Dec 2022 13:00:00 GMT"), country: "much of Australia and 5 more", city: "Melbourne, Sydney, Canberra, Honiara" },
|
||||
{ time: new Date("Tue 31 Dec 2022 13:30:00 GMT"), country: "small region of Australia", city: "Adelaide, Broken Hill" },
|
||||
{ time: new Date("Tue 31 Dec 2022 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 2022 14:30:00 GMT"), country: "Northern Territory/Australia", city: "Darwin, Alice Springs, Uluru" },
|
||||
{ time: new Date("Tue 31 Dec 2022 15:00:00 GMT"), country: "Japan and 6 more", city: "Tokyo, Seoul, Pyongyang, Dili" },
|
||||
{ time: new Date("Tue 31 Dec 2022 15:15:00 GMT"), country: "Western Australia/Australia", city: "Eucla" },
|
||||
{ time: new Date("Tue 31 Dec 2022 16:00:00 GMT"), country: "China and 12 more", city: "Beijing, Hong Kong, Manila, Singapore" },
|
||||
{ time: new Date("Tue 31 Dec 2022 17:00:00 GMT"), country: "much of Indonesia, Thailand and 7 more", city: "Jakarta, Bangkok, Hanoi, Phnom Penh" },
|
||||
{ time: new Date("Tue 31 Dec 2022 17:30:00 GMT"), country: "Myanmar and Cocos Islands", city: "Yangon, Naypyidaw, Mandalay, Bantam" },
|
||||
{ time: new Date("Tue 31 Dec 2022 18:00:00 GMT"), country: "Bangladesh, some regions of Russia and 4 more", city: "Dhaka, Almaty, Bishkek, Thimphu" },
|
||||
{ time: new Date("Tue 31 Dec 2022 18:15:00 GMT"), country: "Nepal", city: "Kathmandu, Biratnagar, Pokhara" },
|
||||
{ time: new Date("Tue 31 Dec 2022 18:30:00 GMT"), country: "India and Sri Lanka", city: "New Delhi, Mumbai, Kolkata, Bangalore" },
|
||||
{ time: new Date("Tue 31 Dec 2022 19:00:00 GMT"), country: "Pakistan and 8 more", city: "Tashkent, Islamabad, Lahore, Karachi" },
|
||||
{ time: new Date("Tue 31 Dec 2022 19:30:00 GMT"), country: "Afghanistan", city: "Kabul, Kandahar, Mazari Sharif, Herat" },
|
||||
{ time: new Date("Tue 31 Dec 2022 20:00:00 GMT"), country: "much of Russia and 8 more", city: "Moscow, Dubai, Abu Dhabi, Muscat" },
|
||||
{ time: new Date("Tue 31 Dec 2022 20:30:00 GMT"), country: "Iran", city: "Tehran, Rasht, Esfahãn, Bandar-Abbas" },
|
||||
{ time: new Date("Tue 31 Dec 2022 21:00:00 GMT"), country: "Iraq and 20 more", city: "Baghdad, Khartoum, Nairobi, Addis Ababa" },
|
||||
{ time: new Date("Tue 31 Dec 2022 22:00:00 GMT"), country: "Greece and 30 more", city: "Cairo, Ankara, Athens, Bucharest" },
|
||||
{ time: new Date("Tue 31 Dec 2022 23:00:00 GMT"), country: "Germany and 43 more", city: "Brussels, Madrid, Paris, Rome" },
|
||||
{ time: new Date("Wed 1 Jan 2023 00:00:00 GMT"), country: "United Kingdom and 24 more", city: "London, Casablanca, Dublin, Lisbon" },
|
||||
|
||||
{ time: new Date("Wed 1 Jan 2023 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 2023 2:00:00 GMT"), country: "regions of Brazil, Uruguay and 1 more", city: "Rio de Janeiro, São Paulo, Brasilia, Wed 1 Jan 2023tevideo" },
|
||||
{ time: new Date("Wed 1 Jan 2023 3:00:00 GMT"), country: "regions of Brazil, Argentina and 7 more", city: "Buenos Aires, Santiago, Asuncion, Paramaribo" },
|
||||
{ time: new Date("Wed 1 Jan 2023 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 2023 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 2023 4:30:00 GMT"), country: "Venezuela", city: "Caracas, Barquisimeto, Maracaibo, Maracay" },
|
||||
{ time: new Date("Wed 1 Jan 2023 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 2023 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 2023 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 2023 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 2023 9:00:00 GMT"), country: "Alaska/U.S.A. and French Polynesia", city: "Anchorage, Fairbanks, Unalaska, Juneau" },
|
||||
{ time: new Date("Wed 1 Jan 2023 9:30:00 GMT"), country: "Marquesas Islands/France", city: "Taiohae" },
|
||||
{ time: new Date("Wed 1 Jan 2023 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 2023 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 2023 12:00:00 GMT"), country: "small region of U.S.A.", city: "Baker Island, Howland Island" },
|
||||
];
|
||||
/*
|
||||
var events = [
|
||||
{ time: new Date("Tue 31 Dec 2022 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 2022 2:00:00 GMT"), country: "regions of Brazil, Uruguay and 1 more", city: "Rio de Janeiro, São Paulo, Brasilia, Tue 31 Dec 2022tevideo" },
|
||||
{ time: new Date("Tue 31 Dec 2022 2:30:00 GMT"), country: "regions of Brazil, Argentina and 7 more", city: "Buenos Aires, Santiago, Asuncion, Paramaribo" },
|
||||
{ time: new Date("Tue 31 Dec 2022 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('get-ready.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 (millisecsRemaining < 2*60*1000) {
|
||||
if (!playing) {
|
||||
countDownSound.play();
|
||||
playing = true;
|
||||
}
|
||||
}
|
||||
else
|
||||
// resets the announcement
|
||||
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();
|
||||
|
||||
BIN
www/get-ready.ogg
Normal file
BIN
www/get-ready.ogg
Normal file
Binary file not shown.
34
www/index.html
Normal file
34
www/index.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/7.8.0/d3.min.js"></script>
|
||||
<link href='http://fonts.googleapis.com/css?family=Chango' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
body {
|
||||
font-family: Chango;
|
||||
text-align: center;
|
||||
}
|
||||
div#counter {
|
||||
font-size: 180pt;
|
||||
text-align: left;
|
||||
}
|
||||
div#location {
|
||||
font-size: 50pt;
|
||||
}
|
||||
div.hours { color: blue; }
|
||||
div.minutes { color: green; }
|
||||
div.seconds { color: orange; }
|
||||
div.countdown { color: red; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="counter"></div>
|
||||
until <span id="until-date"></span> in
|
||||
<div id="location"></div>
|
||||
<div>at <span id="localtime"></span> local time</div>
|
||||
<div id="map"></div>
|
||||
|
||||
<script src="countdown.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user