javascript - FlipClock JavaScript 问题

Question

我正在尝试集成flipclock网页上的计时器，将倒计时到明天中午 12 点。

让它工作后，当计时器少于一天、一小时一分钟时，我想分别隐藏天、小时和分钟

FIDDLE

var date  = new Date(Date.UTC(2015, 5, 12, 12, 0, 0, 0));
var now   = new Date();
var diff  = date.getTime()/1000 - now.getTime()/1000;

var clock = $('.clock').FlipClock(diff, {
    clockFace: 'DailyCounter',
    countdown: true
});

我需要做什么

Answer 1

像这样 - 请注意 Date.UTC 需要反射(reflect)您所在时区的 12 点 - 注意 JS 月份从 0 开始表示一月

var date = new Date(Date.UTC(2015, 4, 12, 12, 0, 0, 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 this line 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");  
            }
        }
    }    
});

<script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>
<script type='text/javascript' src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
<link rel="stylesheet" type="text/css" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
    
<br/><div class="clock"></div>

如果你总是需要明天 12 点，你可以这样做

var date  = new Date();
date.setDate(date.getDate()+1).setHours(12,0,0,0);