关注我的都知道，前端开头推荐我一般只在微头条发布，这是第一款用图文发布的前端开源推荐，因为这个太强大了。
Flip 最先进的翻转计数器插件是网络上，它超级容易设置，非常灵活且动画精美。无论您是想倒数一个活动，形象地进行筹款活动，显示时钟还是销售柜台，Flip都可以满足您的用例需求。
特点：
- 独立工作，没有依赖
- 超级快和美丽的动画
- 响应性和移动友好
- 适用于所有主流浏览器
- JavaScript和jQuery API
- 适用于任何语言、地区或时区
预设
使用以下预设之一作为起点。每个预设的视觉风格都可以轻松使用 CSS 进行自定义。
Event Countdown
Timed Countdown
Recurring Event
Historic Counter
Fund Raising Campaign
Value Counter
Animated Values
Clock
Local Time
Stopwatch
Billboard
高级功能
QuickFlip：高性能翻转动画，翻转卡片可以重叠。每秒可以多次更新值。
TimeSnap：计时器算法会自动更正JavaScript的setInterval时间漂移，从而实现高精度的间隔精度。
ServerSync：自动同步客户端和服务器时间，无需其他配置要求。
TickEngine：Flip背后的Tick引擎支持丰富的计数器模板构建和转换合成。
功能概述
翻转面板模式
不同的呈现方式，每个角色一个单独的翻转板或一个巨大的翻转板，慢速或快节奏的动画，逼真的或未来派的动画效果都是可能的。
- 从24种不同的宽松模式中进行选择。
- 将翻转动画的持续时间控制为毫秒。
布局引擎
基于Flexbox的布局构建
- 快速建立自定义的计数器布局
- 水平，垂直和叠加定位
- 居中，左，右，上，下或填充对齐
浏览器
已在下列浏览器上测试及通过。如果不支持，Tick将不加载并显示遵循渐进增强原则的HTML回退内容。
- Chrome
- Firefox
- Edge
- Opera
- Safari 9+
- iOS Safari 9+
- Android 5+
- Internet Explorer 11+
现代灵活的CSS设置
Flip响应灵敏且移动友好。设置CSS以便于自定义。翻转计数器可以使用基本的CSS属性设置样式。
- 翻转器的控制角样式
- 调整翻转器的阴影
- 更改字体，颜色，背景色和阴影
- 添加您自己的样式，Flip 基于 HTML，因此一切都可以设置样式
转换引擎
- 值转换引擎，链接转换以构建复杂的计数器而不编写任何代码。
- 从一个值插入另一个值
- 复杂转换的高级转换嵌套
- 根据输入值多元化标签
- 共有34个转换功能
- 添加您自己的转换函数或创建自定义预设
让我们花一些时间一起建立一个翻转时钟。
地址
<code>https://pqina.nl/flip//<code>
太强了，有没有？
閱讀更多 做工程師不做碼農 的文章
