5个JavaScript和jQuery倒计时插件

本文概述

  • 5. Final Countdown
  • 4. jQuery Countdown
  • 3. Countdown flip clock timer
  • 2. TimeTo
  • 1. FlipClock.js
如果你要共享有关某事的剩余时间, 即将发生的事件, 发布日期等信息, 则jQuery倒数计时器将是非常有用的。
5. Final Countdown
5个JavaScript和jQuery倒计时插件

文章图片
Final Countdown(是的, 就像这首歌一样)是jQuery的一个简单的HTML” 不可知论” 日期倒计时插件, 可以与Moment.js一起使用。该插件与你无关, 因为你需要提供自己的样式, 但是如果你使用自定义项目, 此插件将很方便。只需向div添加几个类, 就可以了。
4. jQuery Countdown Github |演示版
jQuery Countdown是一种不引人注目的且易于皮肤化的倒计时jQuery插件, 可生成< time> 标签。要使用倒计时jQuery插件, 你需要支持HTML5时间元素的最新Web浏览器。
5个JavaScript和jQuery倒计时插件

文章图片
3. Countdown flip clock timer 该插件为你的网页添加了一个倒数计时小部件, 可将剩余的小部件显示为活动时钟或简单数字。倒数计时器可以使用两种方式:
  1. 指定目标日期。 (年, 月, 日, 小时, 分钟, 秒)
  2. 指定秒数以秒为单位。如右图所示, 将其设置为使用外部图像(如上所示)或不使用图像。
5个JavaScript和jQuery倒计时插件

文章图片
2. TimeTo 【5个JavaScript和jQuery倒计时插件】Github
timeTo是一个易于使用且可自定义的jQuery插件, 用于创建具有大量选项和回调支持的倒数计时器或数字时钟。
5个JavaScript和jQuery倒计时插件

文章图片
1. FlipClock.js Github |演示版
5个JavaScript和jQuery倒计时插件

文章图片
FlipClock.js是一个可自定义的倒计时插件, 它具有出色的翻转效果, 并且需要一些文件才能正常工作。最小的源包含所有时钟面, 以实现最大的可移植性。
  • 用作时钟
  • 用作计时器
  • 用作倒计时
  • 使用纯CSS主题化
  • 清洁和干燥语法
  • 将所有内容抽象为可重用的对象
  • 功能齐全的开发人员API, 可创建自定义” 时钟面孔”
如果你知道另一个很棒的倒计时插件, 请在评论框中与我们分享!

    推荐阅读