javascript - 停止后将 FlipClock.js 数字设置为零
问题描述
我试图在停止后将 FlipClock.js 数字设置为零,但在文档中找不到这样做的方法。
我希望它显示 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>
解决方案
推荐阅读
- pydev - Pydev 上的变量视图中的值不完整
- fortran - Fortran FORMAT 语句中的语法错误
- c++ - grpc 同步服务器限制句柄线程
- java - 在 Java 中从键盘读取双精度
- java - 无法摆脱 LocalDateTime 中的“T”
- rest - QLIK Sense - REST api 链式调用
- node.js - 如何显示在 expressjs 中找不到路由的自定义消息?
- c# - c#中字母数字字符串的正则表达式接受下划线和空格
- visual-studio - 无法加载 UI 卫星 dll 'FileTracker32UI.dll'
- amazon-web-services - Amazon EMR - 特定 EMR 版本的应用程序列表?