漂亮好用的jQuery时间轴播放器代码

来源:https://www.sucaihuo.com/js/5268.html 2021-04-18 09:22浏览(45) 收藏

一款漂亮好用的jQuery时间轴播放器代码,自适应,可扩展。支持自动播放和点击进度条跳转到相应时间点。
漂亮好用的jQuery时间轴播放器代码
分类:日期时间 > 时间轴 难易:中级
查看演示 下载资源: 0 下载资源 下载积分: 20 积分

js代码

<script src="./jquery.min.js"></script>
<script src="./jquery.progressTime.js"></script>
<script>
    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")),
        stopTime: new Date(formatDate(new Date(), "YYYY/MM/DD 00:00:00")),
        interval: 300,
        delay: 2000,
        callback: function (config) {
        },
        animateCallback: function (config) {
            console.log("动画完成");
            console.log(this);
            // 假如动画完成之后请求数据需要两秒
            var timer = setTimeout(function () {
                progressTime.autoPlay(progressTime.playSelf); // 两秒之后再继续走播放条
                clearTimeout(timer);
            }, 0);
        }
    });

</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2