Question

我正在尝试在停止后将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>

Answer 1

如果您要进行倒计时，则-根据其首页上的“选项”部分（*）-您没有正确传递选项，应该是：

  $（'＃clock1'）。FlipClock（diff，{
  clockFace：“ HourlyCounter”，
  clockFaceOptions：{
    倒数计时：true
  }
}）;

然后它自然地从零停止。

但是您的 diff 是负数，它显示奇怪的内容，让我想知道我是否了解您要做什么。

（*）：未反映在他们的“脸部”页面中。

将FlipClock.js数字停止后设置为零

1 个答案: