jQuery渐进数字时间钟

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

 17938  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渐进数字时间钟

jQuery渐进数字时间钟,透明度随距离的远近渐进渐变。
  日期和时间
 17939  228

新浪的一款时间插件

新浪的一款时间插件
  日期和时间
 62688  432

基于bootstrap按年、季度、年月、年月日的日历插件(原创)

基于bootstrap按年、季度、年月、年月日的日历插件,作为bootstrapdatetimepicker的扩展
  日期和时间
 26656  185

基于laydate时间控件修改版(精确到秒)

一款精确到秒的时间控件是英文版本
  日期和时间
 56626  381

讨论这个项目(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
        是的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复