停止后将FlipClock.js数字设置为零
停止后将FlipClock.js数字设置为零
提问于 2018-08-24 03:32:58
我试图在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>
回答 1
Stack Overflow用户
发布于 2018-08-27 05:23:07
如果您正在执行countdown，那么-根据他们的homepage(*)上的选项部分-您没有正确传递选项，它应该是：
$('#clock1').FlipClock(diff, {
clockFace: 'HourlyCounter',
clockFaceOptions: {
countdown: true
}
});然后它自然地在零点停止。
然而you diff是否定的，它显示了奇怪的东西，让我想知道我是否理解了你想要做的事情。
(*)：这不会反映在他们的faces page上。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51993082
复制相关文章
相似问题