jQuery自适应的时间播放器(原创)

所属分类:输入,媒体-日期和时间,滑块和旋转

 3315  28  查看评论 (6)
分享到微信朋友圈
X
jQuery自适应的时间播放器(原创) ie兼容10

更新时间:2020-11-06 10:52:01

更新说明:

1、增加了自定义格式化tooltip方法。

2、浏览器大小改变时不会调用动画执行完成的函数。  

3、增加一个时间轴在播放时停止的变量为stopTime,默认是当前时间


更新时间:2020/11/2 23:21:34

更新说明:

1、js开始时间减去结束时间

2、鼠标移到时间轴上的竖线,不显示tooltip!


发布时间:2020-11-01 13:10:27

HTML

<div id ="progressTime"></div>

引入相应的CSS文件和JS文件

<link rel = "stylesheet" href = "./index.css ">

用法和配置参数

$("#progressTime ").ProgressTime({
    container: "
    container ", // 容器ID名称            
    startTime: new Date(foxOne.formatDate(new Date(new Date().getTime() - dayTimestamp * 10), "YYYY / MM / DD 00: 00: 00 ")), // 开始时间:2000/10/20 00:00:00            
    endTime: new Date(foxOne.formatDate(new Date(), " YYYY / MM / DD 00: 00: 00 ")), // 结束时间:2000/10/30 00:00:00           
    currentTime: new Date(new Date().getTime() - dayTimestamp * 7), // 当前时间: 2000/10/25 00:00:00            
    delay: 1000, // 自动播放动画时间                                                       
    isNow: true, // 是否显示右侧回到当前时间           
    toPlay: true, // 渲染是否完成            
    animateFinish: true, // 动画是否完成           
    formatterDate: function(timer) { // 自定义时间格式              
        return foxOne.formatDate(new Date(timer), "YYYY年MM月DD日 ");
    },
    animateCallback: function(config) {
        // 动画完成回调          
    },
    callback: function(config) {
        // 单击事件回成回调      
    }
});

不懂之处,请大家留言!


相关插件-日期和时间,滑块和旋转

jQuery手机考勤日历插件

一款简单的手机端日历插件,可以根据年月选择查看当月的考勤情况
  日期和时间
 20288  189

jquery 圆形进度式倒计时

jquery 圆形进度式倒计时
  日期和时间
 35986  287

jQuery bootstrap酒店日期插件

基于bootstrap日期插件实现,时间区间选择,预定日期禁用
  日期和时间
 47778  313

html+css+js 动态时钟

就是用纯html+js+css写的一个动态时钟
  日期和时间
 39923  341

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

    北方南 0
    2020/11/20 9:50:20
    您好,这个能只精准到天吗?方便的话能私聊您吗?
        pengdingkan0
        2020/11/20 11:49:31
        可以的
        北方南0
        2020/11/20 16:05:22
        哈哈,希望您下次更新能给一个只显示小时或者天的控件
        pengdingkan0
        2020/11/20 18:03:59
        好的,有时间会更新的
    回复
    月下孤草 0
    2020/11/4 1:01:24

    非常感谢 3q 么么哒

        pengdingkan0
        2020/11/4 12:08:21
        不客气哈😀
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复