JavaScript可移动炫酷时钟
JS 写的可移动时钟，样子还挺好看，能拖着满屏跑，交互体验蛮有意思。它用了不少CSS3的东西，比如圆角、阴影还有渐变这些，整体风格挺现代的，不会觉得老气。动画也比较流畅，尤其是指针的转动，看着就顺眼。
时钟的可移动性是亮点之一，靠JavaScript监听鼠标事件实现。mousedown抓住，mousemove拖着走，mouseup再松手。拖拽那一下挺丝滑，响应也快，代码写得比较简洁清爽。
时间的更新也是用setInterval来搞定，每秒走一格，用Date对象读当前时间，更新指针角度。基本功扎实，没花里胡哨的那种写法。
兼容性这块做得也还不错，连IE9都能跑，作者对老浏览器适配挺上心，估计用了feature detection或者一些兼容性写法。
还有个细节就是“图片可换”，你可以自己换背景图、指针样式，做个卡通风、极简风随你喜欢。通过改 CSS 或者 JS 里的路径就能搞定，没啥门槛。
如果你正在做一个展示型页面，或者想练练 CSS3+JS 的基础交互，这个时钟蛮合适，功能完整，还挺有趣的。
文件大小：934.34KB
评论区