FlipClock remove unnecessary parts
by ian_smithz
HTML
<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
<link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
<br/><div class="clock"></div>
JavaScript
var date = new Date(Date.UTC(2015, 4, 11, 13, 51, 20, 0)), now = new Date(), diff = date.getTime()/1000 - now.getTime()/1000,
aDayInSecs=24*60*60, anHourInSecs=60*60, aMinuteInSecs=60;
if (diff<0) diff=200; // remove when happy
var clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
interval: function () {
var time = clock.getTime().time;
if (time < aDayInSecs) {
var $days = $("span.days").nextUntil("span").andSelf();
if ($days.length>0) $days.remove();
}
if (time < anHourInSecs) {
var $hours = $("span.hours").nextUntil("span").andSelf();
if ($hours.length>0) $hours.remove();
}
if (time < aMinuteInSecs) {
var $min = $("span.minutes").nextUntil("span").andSelf();
if ($min.length>0) $min.remove();
}
if (time <= 1) {
var $sec = $("span.seconds").next("ul").andSelf();
if ($sec.length>0) $sec.remove();
$(".clock").html("DONE");
}
}
}
});