<div id="countdown"></div>
<div id="countdown"></div>
*{ padding: 0; margin: 0;}
*{ padding: 0; margin: 0;}body {background: #f5f5f5;
position: relative;
}
::selection {
background-color: #444;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
::selection {
background-color: #444;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
#countdown {background: #e5e5e5;
color: #888;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 30em;
left: 50%;
width: 40%;
text-align: center;
text-shadow: 0 1px 0 #f5f5f5;
padding: 1em 0;
margin: -20em 0 0 -20%;
border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
box-shadow: inset 0 1px 3px #ccc, 0 1px 0 #fff;
}
var interval;
var interval;
var minutes = 0;
var seconds = 10;
window.onload = function() {
countdown('countdown');
}
function countdown(element) {
interval = setInterval(function() {
var el = document.getElementById(element);
if(seconds == 0) {
if(minutes == 0) {
el.innerHTML = "Redirecting you to the Fireworks Police!";
clearInterval(interval);
return; } else { minutes--;seconds = 60;
}
}
if(minutes > 0) {
var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
} else {var minute_text = '';
}
var second_text = seconds > 1 ? 'seconds' : 'second';
el.innerHTML = 'You will be redirected in ' + minute_text + ' ' + seconds + ' ' + second_text ;
seconds--; }, 1000);}