jQuery渐进数字时间钟

所属分类:输入-日期和时间

 18222  228  查看评论 (5)
分享到微信朋友圈
X
jQuery渐进数字时间钟 ie兼容12

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

demo思路:

    1、获取当前时间

    2、吧当前时间转化为字符串,如22:45:56  -->  224556

    3、6个数和6个类名为column的div对应上

    4、分别找到每一列为当前时间数字垂直居中显示,要根据数字大小调节在Y轴上的移动距离

    5、同一列数字的透明度不同,要根据离当前时间数字的远近设置透明度

相关插件-日期和时间

jQuery移动端日期和时间插件

移动端日期和时间,完全兼容PC端和移动,做了完善,完全兼容
  日期和时间
 75977  360

自带三种风格的日历日期选择插件

小巧精致自带三种风格可换背景
  日期和时间
 28354  309

pc端多种格式时间选择控件

提供如年月,年月日,年月日时,年月日时分 时间段等时间格式选择
  日期和时间
 83183  381

优雅的日期选择插件daterangepicker

jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择
  日期和时间
 85098  375

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    壹米阳光 0
    2024/3/15 22:25:37
    潇洒杰叔 0
    2022/4/22 17:36:54
    开心就好。 0
    2019/11/19 11:56:50
    建议给显示的数字时间加个框,外面的数字隐藏,现在看着有点乱 回复
    человек 0
    2019/11/10 18:08:43
    这个真的棒
        壹米阳光0
        2024/3/15 22:26:21
        是的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复