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

一款漂亮好用的jQuery时间轴播放器代码，自适应，可扩展。支持自动播放和点击进度条跳转到相应时间点。

分类：日期时间 > 时间轴难易：中级

查看演示下载资源下载积分： 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>