32 lines
1.4 KiB
JavaScript
32 lines
1.4 KiB
JavaScript
/**
|
|
* Original: https://github.com/trailblazr/30c3-countdown-banner-180x270/blob/master/30c3.html
|
|
* Heavily Modified
|
|
**/
|
|
$(document).ready(function() {
|
|
var el = $("<a class='countdown' href='https://events.ccc.de/congress/2013/' title='Click to get teleported to the 30C3 chaos wiki ...'><div class='countdownLine' style='margin-top:70px;'><div class='countdownElement'><span class='days'>0</span><span class='foo'>d </span></div><div class='countdownElement'><span class='hours'>0</span><span class='foo'>h </span></div><div class='countdownElement'><span class='minutes'>0</span><span class='foo'>m </span></div><div class='countdownElement'><span class='seconds'>0</span><span class='foo'>s</span></div></div></a>");
|
|
|
|
var padLeft = function(n, l, p) {
|
|
n = "" + n;
|
|
while(n.length < l)
|
|
n = p + n;
|
|
return n;
|
|
};
|
|
var target = new Date("2013-12-27T10:00:00+01:00").getTime();
|
|
var updateCountDown = function() {
|
|
var now = new Date().getTime();
|
|
var left = (target - now) / 1000;
|
|
|
|
var setField = function(id, val) {
|
|
el.find(id).text(padLeft(val, 2, "0"));
|
|
};
|
|
setField('.days', Math.floor(left / 86400));
|
|
setField('.hours', Math.floor(left / 3600) % 24);
|
|
setField('.minutes', Math.floor(left / 60) % 60);
|
|
setField('.seconds', Math.floor(left) % 60);
|
|
}
|
|
|
|
setInterval(updateCountDown, 1000);
|
|
updateCountDown();
|
|
$('#adspace').empty().append(el);
|
|
});
|