jQuery日期时间轴进度条播放代码.zip资源-CSDN文库

共4个文件

js：2个

html：1个

css：1个

版权申诉

jquery

jQuery特效

CSS特效

网页特效

16 浏览量 2023-10-09 23:51:43 上传评论收藏 38KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery日期时间轴进度条播放代码.zip （4个子文件）

jiaoben8057

jquery.progressTime.js 12KB

jquery.min.js 94KB

css

index.css 5KB

index.html 1KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery日期时间轴进度条播放代码 - 更多源码WW.96flw.COM</title> <link rel="stylesheet" href="css/index.css"> </head> <body> <div id="progressTime"></div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.progressTime.js"></script> <script type="text/javascript"> var hourTimestamp = 3600 * 1000; var dayTimestamp = hourTimestamp * 24; $("#progressTime").ProgressTime({ container: "progressTime", startTime: new Date(formatDate(new Date(new Date().getTime() - dayTimestamp * 5), "YYYY/MM/DD 00:00:00")), endTime: new Date(formatDate(new Date(), "YYYY/MM/DD 00:00:00")), currentTime: new Date(formatDate(new Date(new Date().getTime() - dayTimestamp * 4), "YYYY/MM/DD 12:00:00")), interval: 300, delay: 2000, callback: function (config) { console.log(config); }, animateCallback: function (config) { // 假如动画完成之后请求数据需要两秒 var timer = setTimeout(function () { progressTime.options.toPlay = true; // 两秒之后再继续走播放条 clearTimeout(timer); }, 0); } }); </script> </body> </html>

评论收藏

内容反馈

版权申诉