大家好，我是前端实验室的大师兄！

最近大师兄的项目中，出现了需要页面显示时钟的需求！大师兄自己写了下，不尽人意！最后在网上收了一番，找到一个专门收集时钟代码的网站！

这里和大家分享一下！几十款各种各样好玩又酷炫的时钟代码！值得收藏！

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

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

这个分类下的时钟，表现形式比较简朴，但不妨碍它的美感！

这个时钟的呈现方式其实也满富有创造力的

这个就像家里的挂钟一样

凡是归纳到这个分类下的设计，都是很具有创作力的！

米老鼠的手臂指着时针、分针，脚和尾巴有规律的动着

通过肢体的动作来表示时间，真是别具一格

这个分类就是电子时钟类别了！

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

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

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

另外，每个例子都有可参考的代码！

（伸手党们的福利！） 如果你现在的项目用不上！那赶紧找一款好看的时钟挂到你的博客主页上, 瞬间会让它变得高大上的。