jQuery数字时钟插件3款实现
三款数字时钟的 jQuery 插件，功能上都挺实用，样式上也有点小花样。如果你手头正好有个展示时间的小需求，比如信息看板、登录页背景，甚至博客页的小挂件，用它刚刚好。
基础逻辑就是靠JavaScript 的 Date 对象拿当前时间，用 setInterval 每秒更新。jQuery 的好处是操作 DOM 简洁，用起来顺手，代码也比较容易维护。
第是最数字时钟，显示小时、分钟、秒，比如 14:25:36，干净利落。第二种加了冒号分隔和样式优化，可读性更强。第三种就更花哨了，加了颜色和动画，数字跳动的时候还有点视觉动感，放在首页或者展示屏挺吸睛的。
插件用法也直接：HTML 里建个 ，CSS 自己定义下字体和颜色，在 $(document).ready 里挂上时钟函数。更新逻辑就是每秒钟把格式化后的时间塞回 DOM，用 $('#clock').html(timeStr) 就行。
另外，它也考虑了时区和样式自定义的扩展，你要是做面向国际的项目，或者想配合 UI 风格自定义字体、颜色，都可以搞定。浏览器兼容性也还不错，连 IE 都做了兼容（虽然现在用得不多了）。
源码部分也不藏着掖着，texiao8215_1560680993 这个文件里可以看到完整代码，有 HTML、CSS、JS，照着学一遍你自己也能做一个，思路挺清晰的。
如果你正好想做个动态时钟，不想从零开始写，直接套用这套代码挺省事。或者你想学习 jQuery 的实战用法，这个案例也挺合适的。
下载地址
用户评论
