首页 | 10121 | 530 | 265 | 添加收藏 上一个 下一个
jQuery渐进数字时间钟

index.html - demo页面入口文件
index.css - demo页面主要样式
index.js - demo页面主要逻辑


demo思路:


1、获取当前时间
2、吧当前时间转化为字符串,如22:45:56 --> 224556
3、6个数和6个类名为column的div对应上
4、分别找到每一列为当前时间数字垂直居中显示,要根据数字大小调节在Y轴上的移动距离
5、同一列数字的透明度不同,要根据离当前时间数字的远近设置透明度