jquery - 创建一个 jQuery 倒数计时器，它会在间隔后重置

Question

我想创建一个 jQuery 倒数计时器，我将向其中传递一个时间，它将显示该时间的计数器，然后重置为计算一小时，然后重置为计算接下来的 23 小时，然后重置为一小时循环继续。

我要在某个日期参加测验，测验将开放一小时，然后下一个测验将在 23 小时后开始。

谁能帮忙..？

Answer 1

您可以使用this

HTML:

<div id="clock"></div>

JS:

var fiveSeconds = new Date().getTime() + 5000;
$('#clock').countdown(fiveSeconds, {elapse: true})
.on('update.countdown', function(event) {
  var $this = $(this);
  if (event.elapsed) {
    $this.html(event.strftime('After end: <span>%H:%M:%S</span>'));
  } else {
    $this.html(event.strftime('To end: <span>%H:%M:%S</span>'));
  }
});