jQuery渐进数字时间钟

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

 19688  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 Timepicker v1.6.3版

一款汉化后的时间日期插件,可以根据需求自我调整样式
  日期和时间
 39198  340

jQuery日期时间选择器插件

jQuery日期时间选择器插件
  日期和时间
 80449  425

只选择小时、分的时间插件jquery-timepicker.js

HunterTimePicker 时间选择组件,可以选择小时和分钟,小时为24小时制,分钟间隔为5分钟。
  日期和时间
 81388  371

简单实用纯JS日历,有详细的代码注释(兼容IE6)

实用纯JS日历,点最上方日期可跳转到当前日期,键盘空格可回到当前日期,键盘左右可控制月份翻页,鼠标滚轮可改变月份
  日期和时间
 49098  377

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