前端这样的时钟代码，简直就是炫技！

大家好,我是前端实验室的老鱼！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料等 | 副业赚钱~

「前端实验室」 专注分享 Github、Gitee等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。

在网上收了一番，找到一个专门收集时钟代码的网站！
这里和大家分享一下！几十款各种各样好玩又酷炫的时钟代码！值得收藏！

概要

网站上的所有代码都来自 codepen 站点。作者把它们收集起来，统一呈现给大家。

作者把它们分为了三大类：BEAUTIFUL STYLE,CREATIVE DESIGN, ELECTRONIC CLOCK.
大师兄看了半天，觉得这分类带有强烈的个人偏好！毕竟大师兄觉得在BEAUTIFUL STYLE下的很多例子都很具有CREATIVE范儿！一起来看下吧！

BEAUTIFUL STYLE CLOCK

这个分类下的时钟，表现形式比较简朴，但不妨碍它的美感！这个时钟的呈现方式其实也满富有创造力的这个就像家里的挂钟一样

CREATIVE DESIGN

凡是归纳到这个分类下的设计，都是很具有创作力的！米老鼠的手臂指着时针、分针，脚和尾巴有规律的动着通过肢体的动作来表示时间，真是别具一格

ELECTRONIC CLOCK

这个分类就是电子时钟类别了！如果你的页面需要电子时钟，直接来这个类别找吧！

重点说明

上面只是在每个类别中选了两个给大家展示。官网上还有其他几十种样式供大家学习！

官网地址
drawcall.github.io/clock-shop/

另外，每个例子都有可参考的代码！（伸手党们的福利！） 如果你现在的项目用不上！那赶紧找一款好看的时钟挂到你的博客主页上, 瞬间会让它变得高大上的。

写在最后

我是前端实验室的老鱼！一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料、副业等~

喜欢的朋友，点赞收藏支持一下，也欢迎交流~

启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 10 天，点击查看活动详情