我试图在is停止后将FlipClock.js数字设置为0,但在文档中找不到这样做的方法。
我想让它显示00:00:00
这是我到目前为止尝试过的:
var datepass = 'August 23, 2018 15:34:30',
date = new Date(datepass),
now = new Date(),
diff = (date.getTime()/1000) - (now.getTime()/1000),
clock = $('#clock1').FlipClock(diff,{
clockFace: 'HourlyCounter',
countdown: true
});
clock.start();
var timer1 = setInterval(checktime, 1000);
function checktime() {
t = clock.getTime();
if ( t <= 0 ){
clock.stop();
clearInterval(timer1);
/* set the digits to zeros by jQuery */
$('#clock1 ul li a div.up div.inn, #clock1 ul li a div.down div.inn').text(0);
/* hide the first and second digits */
$('#clock1 ul.flip').eq(0).hide();
$('#clock1 ul.flip').eq(1).hide();
}
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flipclock@0.8.2/dist/flipclock.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flipclock@0.8.2/dist/flipclock.min.js" integrity="sha256-BiezSH09N4/rvsbi2M+VY0et7UQYP3VjtbdFHo46N1g=" crossorigin="anonymous"></script>
<div class="clock" id="clock1"></div>
发布于 2018-08-27 05:23:07
如果您正在执行countdown
,那么-根据他们的homepage(*)上的选项部分-您没有正确传递选项,它应该是:
$('#clock1').FlipClock(diff, {
clockFace: 'HourlyCounter',
clockFaceOptions: {
countdown: true
}
});
然后它自然地在零点停止。
然而you diff
是否定的,它显示了奇怪的东西,让我想知道我是否理解了你想要做的事情。
(*):这不会反映在他们的faces page上。
https://stackoverflow.com/questions/51993082
复制相似问题