5个JavaScript和jQuery倒计时插件

本文概述

• 5. Final Countdown
• 4. jQuery Countdown
• 3. Countdown flip clock timer
• 2. TimeTo
• 1. FlipClock.js

如果你要共享有关某事的剩余时间, 即将发生的事件, 发布日期等信息, 则jQuery倒数计时器将是非常有用的。

5. Final Countdown

Final Countdown(是的, 就像这首歌一样)是jQuery的一个简单的HTML”不可知论”日期倒计时插件, 可以与Moment.js一起使用。该插件与你无关, 因为你需要提供自己的样式, 但是如果你使用自定义项目, 此插件将很方便。只需向div添加几个类, 就可以了。

4. jQuery Countdown

Github |演示版

jQuery Countdown是一种不引人注目的且易于皮肤化的倒计时jQuery插件, 可生成<time>标签。要使用倒计时jQuery插件, 你需要支持HTML5时间元素的最新Web浏览器。

3. Countdown flip clock timer

该插件为你的网页添加了一个倒数计时小部件, 可将剩余的小部件显示为活动时钟或简单数字。倒数计时器可以使用两种方式：

1. 指定目标日期。 (年, 月, 日, 小时, 分钟, 秒)
2. 指定秒数以秒为单位。如右图所示, 将其设置为使用外部图像(如上所示)或不使用图像。

2. TimeTo

Github

timeTo是一个易于使用且可自定义的jQuery插件, 用于创建具有大量选项和回调支持的倒数计时器或数字时钟。

1. FlipClock.js

Github |演示版

FlipClock.js是一个可自定义的倒计时插件, 它具有出色的翻转效果, 并且需要一些文件才能正常工作。最小的源包含所有时钟面, 以实现最大的可移植性。

• 用作时钟
• 用作计时器
• 用作倒计时
• 使用纯CSS主题化
• 清洁和干燥语法
• 将所有内容抽象为可重用的对象
• 功能齐全的开发人员API, 可创建自定义”时钟面孔”

如果你知道另一个很棒的倒计时插件, 请在评论框中与我们分享！