html时间轴横向自动播放,利用jQuery实现日期时间轴自动播放代码

特效描述：利用jQuery实现日期时间轴自动播放代码。利用jQuery实现日期时间轴自动播放代码

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

渲染未完成延迟动画

渲染完成继续动画

var timeplay = new TimePlay({

speed: 2000,//播放速度

startDate: 20180701,//开始日期

endDate: 20190131,//结束日期

timeUnitControl: true,//是否显示时/天切换控件

onClickChangeEnd: function(){//点击后回调

//获取点击的时间

var hour = timeplay.curr_day.hour,//小时

day = timeplay.curr_day.day,//日

mon = timeplay.curr_day.mon,//月

year = timeplay.curr_day.year;//年

console.log(year+"年" + mon + "月" + day + "日" + hour + "时");

onAnimateEnd: function(){//时间轴动画每次结束回调

var hour = timeplay.curr_day.hour,//小时

day = timeplay.curr_day.day,//日

mon = timeplay.curr_day.mon,//月

year = timeplay.curr_day.year;//年

console.log(year+"年" + mon + "月" + day + "日" + hour + "时");

}

});

$("#pause").click(function(){

timeplay.delayAnimation();//延迟动画

})

$("#play").click(function(){

timeplay.continueAnimation();//继续动画

})

html时间轴横向自动播放,利用jQuery实现日期时间轴自动播放代码相关推荐

视频弹窗播放html,利用jQuery实现在线视频弹出播放代码
特效描述:利用jQuery实现在线视频弹出播放代码.利用jQuery实现在线视频弹出播放代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码视频一 2018-06-22 视频一 ...
android会员等级进度条,利用jQuery实现会员等级消费进度条代码
特效描述:利用jQuery实现会员等级消费进度条代码.利用jQuery实现会员等级消费进度条代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 $(function(){ var ...
PHP获取当前时间、时间戳的各种格式写法汇总[日期时间]
PHP获取当前时间.时间戳的各种格式写法汇总[日期时间] 原文:PHP获取当前时间.时间戳的各种格式写法汇总[日期时间] 今天写下php中,如何通过各种方法获取当前系统时间.时间戳,并备注各种格式的 ...
时间轴照片html触摸,利用Jquery实现几款漂亮实用的时间轴(附示例代码)
前言最近在项目中使用了很多前端的东西,对于我一个做后台开发的人员,这是一个很好的锻炼的机会.经过这段时间的学习,感觉前端的东西太多了,太强大了,做出来的东西太炫酷了.现在有很多开源的前端框架,做的都 ...
jquery 获取日期时间
获取JavaScript 的时间使用内置的Date函数完成 var mydate = new Date(); mydate.getYear(); //获取当前年份(2位) mydate.getFull ...
java时间转换为字符串格式错误_字符串转换为日期时间格式及其错误处理(转)
1. 字符串转换成日期时间格式 //日期时间格式:yyyy-MM-dd hh:mm:ss String time ="1900-02-21 12:23:33"; //将字符串转换为 ...
java 判断当前时间是否为节假日_浅谈Java8日期时间处理
各位小伙伴们,我们又见面了,今天峰哥跟大家分享一下java8的全新日期时间处理API.在Java8之前,我们使用的日期时间是: java.util.Datejava.util.Calendar jav ...
mysql 设置日期时间格式_MySQL：更改列类型和日期时间格式
我的数据库当前将"日期"列设置为varchar(20),我的日期格式如下: 1/13/2015 20:00 我想在数据库上运行更新以将列类型更改为datetime并将当前日期的格式 ...
服务器能不能设置自动重启,利用任务计划设置服务器定时自动重启的方法
windows2003服务器在长时间运行之后,系统资源就会占用率特别大,系统运行效率大大降低,此时访问服务器的普通用户也会受到影响,打开网页的反应时间会特别长.这时就需要清理某些服务,或者重启一下服务 ...

html时间轴横向自动播放,利用jQuery实现日期时间轴自动播放代码

html时间轴横向自动播放,利用jQuery实现日期时间轴自动播放代码相关推荐

最新文章

热门文章