功能特点
- 圆形布局:独特的圆形时间显示方式
- 多层显示:月份、日期、小时、分钟、秒钟分层展示
- 公历农历切换:支持公历和农历两种显示模式
- 动态效果:平滑的旋转和过渡动画
- 实时更新:时间信息实时同步更新
- 响应式设计:适配各种屏幕尺寸
显示说明
- 公历模式:
- 最内层:月份(1-12月)
- 第二层:日期(1-31日)
- 第三层:小时(0-23点)
- 第四层:分钟(0-59分)
- 最外层:秒钟(0-59秒)
- 农历模式:
- 最内层:农历月份(正-腊月)
- 第二层:农历日期(初一-三十)
- 第三层:时辰(子-亥时)
- 第四层:刻数(一刻-四刻)
- 最外层:分钟(0-59分)
视觉效果
- 当前时间对应的数字会高亮显示(白色)
- 其他数字保持暗色显示(灰色)
- 6秒后自动切换到圆形布局模式
- 圆形布局会根据当前时间自动旋转
- 支持公历和农历模式切换
技术特点
- 纯JavaScript实现,无需额外插件
- 内置农历转换算法,准确可靠
- CSS3动画效果,流畅自然
- 自适应布局,支持移动设备
- 低资源占用,运行稳定