倒计时定时器可以在各种各样的情况下使用。无论你是在网站上使用倒计时来通知人们离假期还有多少时间，还是向每个人更新工作申请何时关闭。

在本文中，我们将与您分享一个用JavaScript（jQuery）编写的简单的倒计时插件。用于显示事件开始前或特定时间到期前的剩余时间。享受

如何使用它:

1.为倒计时计时器创建一个占位符。

<p class="counter"></p>

2.下载插件并在jQuery之后插入countdowntotimer.js。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/js/countdowntimer.js"></script>

3.在倒计时占位符上初始化插件，并确定插件应该倒计时的时间。

$(function() {
  $('.counter').setCountDownTimer({
     time: "00:01:00", // 1 minute
  });
});

4.在倒计时计时器的开始处附加一个自定义标签。

$(function() {
  $('.counter').setCountDownTimer({
     time: "00:01:00",
     countDownText: 'Remaining time:',
  });
});

5.设置倒计时完成时显示的文本。

$(function() {
  $('.counter').setCountDownTimer({
     time: "00:01:00",
     countDownText: 'Remaining time:',
     afterCountText: 'Time\'s up!',
  });
});

6.当倒计时完成时，禁用动作按钮。

<button class="btn">
  Action Button
</button>

$(function() {
  $('.counter').setCountDownTimer({
     time: "00:01:00",
     countDownText: 'Remaining time:',
     afterCountText: 'Time\'s up!',
     button: $('.button'),
  });
});

预览截图

jQuery中 倒计时计时器，帮助您提高效率