From 6ac39922ea71f16e3a16e5bd9319d2f35e87282f Mon Sep 17 00:00:00 2001
From: yhl452493373 <yhl452493373@gmail.com>
Date: Thu, 16 Dec 2021 13:25:29 +0800
Subject: [PATCH] initial commit

---
 .idea/.gitignore   |   5 +
 .idea/modules.xml  |   8 +
 .idea/timeline.iml |  12 +
 .idea/vcs.xml      |   6 +
 README.md          |  24 +-
 css/timeline.css   | 146 ++++++++++++
 index.html         |  49 ++++
 js/timeline.js     | 584 +++++++++++++++++++++++++++++++++++++++++++++
 preview.png        | Bin 0 -> 23669 bytes
 styl/timeline.styl | 146 ++++++++++++
 10 files changed, 979 insertions(+), 1 deletion(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/timeline.iml
 create mode 100644 .idea/vcs.xml
 create mode 100644 css/timeline.css
 create mode 100644 index.html
 create mode 100644 js/timeline.js
 create mode 100644 preview.png
 create mode 100644 styl/timeline.styl

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..3c60f92
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/timeline.iml" filepath="$PROJECT_DIR$/.idea/timeline.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/timeline.iml b/.idea/timeline.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/timeline.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/README.md b/README.md
index 619a1b5..6e0eb4b 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,25 @@
 # timeline
 
-简易的jQuery时间轴插件
\ No newline at end of file
+jQuery简易时间轴展示，刻度可选时、分
+
+![预览图](preview.png)
+
+用法及参数如下：
+```javascript
+$('.timeline').timeline({
+        minScale: 'minute',//最小刻度：minute or hour
+        realtime: true,//是否实时刷新时间轴：true or false。为true时，若realtimeDate是当天，则时间轴上的时间进度随系统时间变化而变化
+        limit: true,//是否限制可拖动刻度范围：true or false。为true时，只能在当天开始到realtimeDate范围内拖动
+        date: new Date(),//时间轴时间，会自动取当天的0点到第二天的0作为时间轴刻度
+        startHour: '00',//开始小时。从第几时开始
+        endHour: '00',//结束小时。到第几时结束
+        realtimeDate: new Date(),//实时时间，限制拖动范围开启后，只能在当天0点到这个时间段之间拖动
+        loadDataDelay: 1000,//加载数据时延时。即时间轴进度改变时，延迟多久加载数据
+        autoPlayDuration: 100,//自动播放间隔，越小越快,最小100
+        animationDuration: 100,//动画时间，越小越快。建议小于等于autoPlayDuration
+        loadData: function (time) {//时间改变后加载数据,time为时间字符串，格式为yyyy-MM-dd HH:mm
+        },
+        autoPlayLoadData: function (time) {//自动播放时加载数据，这里最好不要使用异步。需要自动播放的数据提前加载到页面，后续新增的也是，放到页面对象中扩展改数据集合。如果一定要异步，需要保证其使用时间一定是小于autoPlayDuration
+        }
+    });
+```
\ No newline at end of file
diff --git a/css/timeline.css b/css/timeline.css
new file mode 100644
index 0000000..e327b44
--- /dev/null
+++ b/css/timeline.css
@@ -0,0 +1,146 @@
+.timeline {
+  height: 50px;
+  position: relative;
+}
+.timeline .time-tips {
+  width: 130px;
+  font-size: 12px;
+  position: absolute;
+  background-color: rgba(128,128,128,0.5);
+  color: #fff;
+  height: 16px;
+  top: -30px;
+  padding: 2px 0;
+  text-align: center;
+  border-radius: 2px;
+  left: -45px;
+  transition-property: all;
+  transition-duration: 0.1s;
+  transition-timing-function: linear;
+}
+.timeline .time-tips .time-tips-time {
+  font-family: VeraSansMono;
+  font-size: 12px;
+}
+.timeline .time-tips-arrow {
+  position: absolute;
+  bottom: -6px;
+  left: 50%;
+  margin-left: -6px;
+  width: 0;
+  height: 0;
+  border-right: 6px solid transparent;
+  border-left: 6px solid transparent;
+  border-top: 6px solid rgba(128,128,128,0.5);
+}
+.timeline .timeline-button {
+  position: absolute;
+  right: 0;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: #84cdc9;
+}
+.timeline .timeline-button .timeline-play {
+  width: 0;
+  height: 0;
+  margin: 7px 7px 7px 8px;
+  display: inline-block;
+  border-style: solid;
+  border-width: 5px 0 5px 10px;
+  border-color: transparent transparent transparent #299387;
+}
+.timeline .timeline-button .timeline-pause {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 7px;
+  border-style: double;
+  border-width: 0 0 0 10px;
+  border-color: #299387;
+}
+.timeline .timeline-content {
+  position: absolute;
+  left: 0;
+  right: 30px;
+  height: 100%;
+}
+.timeline .timeline-line {
+  height: 25px;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  left: 10px;
+  right: 10px;
+  top: 0;
+  z-index: 10;
+}
+.timeline .timeline-line:after {
+  content: '';
+  background-color: rgba(128,128,128,0.5);
+  position: absolute;
+  top: 0;
+  height: 5px;
+  width: 100%;
+}
+.timeline .timeline-line-limit,
+.timeline .timeline-line-passed {
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 5px;
+  background-color: #41f8ff;
+  pointer-events: none;
+  transition-property: all;
+  transition-duration: 0.1s;
+  transition-timing-function: linear;
+  z-index: 12;
+}
+.timeline .timeline-line-limit {
+  background-color: #7da8cc;
+  z-index: 11;
+}
+.timeline .timeline-label {
+  color: #fff;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 25px;
+  justify-content: space-between;
+}
+.timeline .timeline-label span {
+  font-family: "VeraSansMono";
+  text-align: center;
+  font-size: 12px;
+  display: block;
+  flex: 0 0 20px;
+  position: relative;
+  cursor: default;
+}
+.timeline .timeline-label span:after {
+  z-index: 9;
+  content: '';
+  position: absolute;
+  height: 10px;
+  top: -20px;
+  background-color: rgba(255,255,255,0.5);
+  width: 1px;
+  left: 50%;
+  margin-left: -1px;
+  transition-duration: 0.1s;
+  transition-property: all;
+  transition-timing-function: linear;
+}
+.timeline .timeline-label span:first-child:after {
+  height: 15px;
+  margin-left: 0;
+}
+.timeline .timeline-label span:last-child:after {
+  height: 15px;
+}
+.timeline .timeline-label span.time-passed:after {
+  background-color: #41f8ff;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d7e3cc4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="zh-Hans">
+<head>
+    <meta charset="UTF-8">
+    <title>时间轴</title>
+    <link rel="stylesheet" href="css/timeline.css">
+    <script src="//cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="js/timeline.js"></script>
+    <style>
+        .timeline-container{
+            background: darkolivegreen;
+            padding-top: 30px;
+        }
+
+        .timeline{
+            background-color: transparent;
+        }
+    </style>
+</head>
+<body>
+<div class="timeline-container">
+    <div class="timeline" id="timeline"></div>
+</div>
+<script>
+    /**
+     * 初始化中间时间轴
+     */
+    function initTimeline() {
+        $('#timeline').timeline({
+            minScale: 'minute',//时间轴最小刻度minute 或者 hour
+            autoPlayDuration: 300,//自动播放时间间隔
+            animationDuration: 300,//自动播放时间间隔
+            startHour: '1',//开始小时
+            endHour: '23',//结束小时
+            loadData: function (time) {
+                //时间改变后加载数据（自动播放不触发）
+                console.log('load data at %s',time)
+            },
+            autoPlayLoadData: function (time) {
+                //自动播放时加载数据
+                console.log('auto load data at %s',time)
+            }
+        });
+    }
+
+    initTimeline();
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/js/timeline.js b/js/timeline.js
new file mode 100644
index 0000000..86bac18
--- /dev/null
+++ b/js/timeline.js
@@ -0,0 +1,584 @@
+/**
+ * 时间轴插件，自写
+ * @author 杨黄林
+ * @version 1.0
+ */
+;
+(function ($) {
+    if (!Date.prototype.hasOwnProperty('format')) {
+        Date.prototype.format = function (fmt) {
+            var o = {
+                "M+": this.getMonth() + 1, //月份
+                "d+": this.getDate(), //日
+                "h+": this.getHours() % 12 === 0 ? 12 : this.getHours() % 12, //小时
+                "H+": this.getHours(), //小时
+                "m+": this.getMinutes(), //分
+                "s+": this.getSeconds(), //秒
+                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+                "S": this.getMilliseconds() //毫秒
+            };
+            var week = {
+                "0": "/u65e5",
+                "1": "/u4e00",
+                "2": "/u4e8c",
+                "3": "/u4e09",
+                "4": "/u56db",
+                "5": "/u4e94",
+                "6": "/u516d"
+            };
+            if (/(y+)/.test(fmt)) {
+                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+            }
+            if (/(E+)/.test(fmt)) {
+                fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "/u661f/u671f" : "/u5468") : "") + week[this.getDay() + ""]);
+            }
+            for (var k in o) {
+                if (new RegExp("(" + k + ")").test(fmt)) {
+                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+                }
+            }
+            return fmt;
+        }
+    }
+
+    /**
+     * 1毫秒
+     * @type {number}
+     */
+    var millseconds = 1;
+
+    /**
+     * 1秒=1000毫秒
+     * @type {number}
+     */
+    var secondWithMillseconds = 1000 * millseconds;
+
+    /**
+     * 1分=60秒
+     * @type {number}
+     */
+    var minuteWithMillSeconds = 60 * secondWithMillseconds;
+
+    /**
+     * 1小时=60分
+     * @type {number}
+     */
+    var hourWithMillseconds = 60 * minuteWithMillSeconds;
+
+    /**
+     * 每个标签宽度为20像素，具体看timeline.css中.timeline-label span的宽度
+     * @type {number}
+     */
+    var labelWidth = 20;
+
+    /**
+     * 时间提示的宽度，具体看timeline.css中.time-tips-time的宽度
+     * @type {number}
+     */
+    var tipsWidth = 130;
+
+    /**
+     * 刻度类型，写json便于调用
+     * @type {{hour: string, minute: string}}
+     */
+    var minScale = {
+        minute: 'minute',
+        hour: 'hour'
+    }
+
+    var defaults = {
+        minScale: minScale.minute,//最小刻度：minute or hour
+        realtime: true,//是否实时刷新时间轴：true or false。为true时，若realtimeDate是当天，则时间轴上的时间进度随系统时间变化而变化
+        limit: true,//是否限制可拖动刻度范围：true or false。为true时，只能在当天开始到realtimeDate范围内拖动
+        date: new Date(),//时间轴时间，会自动取当天的0点到第二天的0作为时间轴刻度
+        startHour: '00',
+        endHour: '00',
+        realtimeDate: new Date(),//实时时间，限制拖动范围开启后，只能在当天0点到这个时间段之间拖动
+        loadDataDelay: 1000,//加载数据时延时。即时间轴进度改变时，延迟多久加载数据
+        autoPlayDuration: 100,//自动播放间隔，越小越快,最小100
+        animationDuration: 100,//动画时间，越小越快。建议小于等于autoPlayDuration
+        loadData: function (time) {//加载数据,time为时间字符串，格式为yyyy-MM-dd HH:mm
+        },
+        autoPlayLoadData: function (time) {//自动播放时加载数据，这里最好不要使用异步。需要自动播放的数据提前加载到页面，后续新增的也是，放到页面对象中扩展改数据集合。如果一定要异步，需要保证其使用时间一定是小于autoPlayDuration
+        }
+    };
+
+    /**
+     * 插件方法
+     * @param containerElement 容器对象
+     * @param options 插件参数
+     */
+    var timeline = function (containerElement, options) {
+        this.$containerElement = $(containerElement);
+        this.options = options;
+        this.startedAutoRefreshLimitScale = false;
+
+        if (this.options.autoPlayDuration < 100)
+            this.options.autoPlayDuration = 100;
+
+        //将日期格式化为当天0点
+        this.options.date = new Date(this.options.date.format('yyyy-MM-dd 00:00:00'));
+
+        /**
+         * 1、算出初始化时，以毫秒为单位的时间。包括当天0时的事件、当天24时（第二天0时）的时间、当前的时间
+         */
+        this.calculateTime();
+        /**
+         * 2、根据算出的时间以及时间轴上刻度类型，算出初始化时，总刻度数、可拖动刻度数
+         */
+        this.calculateScaleNum();
+        /**
+         * 3、根据初始化时计算出的刻度数，初始化插件DOM节点
+         */
+        this.initDom();
+        /**
+         * 4、通过插件节点获取时间轴部分的宽度，根据刻度类型和刻度数，计算出每个刻度的宽度
+         */
+        this.initFixedWidth();
+        /**
+         * 5、根据可拖动刻度数，计算出可拖动刻度的总宽度
+         */
+        this.calculateLimitWidth();
+        /**
+         * 6、绑定鼠标事件
+         */
+        this.initEvent();
+        /**
+         * 开启自动刷新可拖动刻度功能
+         */
+        if (this.options.realtime) {
+            this.autoRefreshLimitScale();
+        } else {
+            this.calculateProgress(this.limitScaleNum(), true);
+        }
+
+        var that = this;
+        window.addEventListener('resize', function () {
+            that.resize();
+        }, true);
+    }
+
+    timeline.prototype = {
+        resize: function () {
+            this.calculateScaleNum();
+            this.initFixedWidth();
+            // 偏移量即为已过去时间的时间轴长度，除以固定的每个刻度的宽度，得到已过的刻度数
+            var sacleNum = Math.round(this.$containerElement.find('.timeline-line-passed').width() / this.scaleWidth);
+            this.showTimeTips(sacleNum);
+            if (this.options.realtime) {
+                this.autoRefreshLimitScale();
+            }
+        },
+        /**
+         * 获取开始、结束、当前时间相对于当天0时0分0秒时的毫秒数
+         */
+        calculateTime: function () {
+            if (!this.isSameDay(this.options.date, this.options.realtimeDate)) {
+                this.options.date.setTime(new Date(this.options.realtimeDate.format('yyyy-MM-dd 00:00:00')).getTime());
+            }
+            var date = this.options.date;
+            var scaleYear = date.getFullYear();
+            var scaleMonth = date.getMonth();
+            var scaleDate = date.getDate();
+            var today = new Date();
+            if (this.isSameDay(this.options.date, today)) {
+                //当天，则每次计算当前时间时，从系统时间获取
+                this.currentTime = new Date(
+                    today.getFullYear(),
+                    today.getMonth(),
+                    today.getDate(),
+                    today.getHours(),
+                    today.getMinutes(),
+                    0).getTime();
+                this.options.realtimeDate.setTime(this.currentTime);
+            } else {
+                //不是当天，则每次计算时间前让其时间根据刻度类型加1个刻度的时间毫秒数
+                if (this.startedAutoRefreshLimitScale) {
+                    if (this.options.minScale === minScale.minute) {
+                        this.options.realtimeDate.setTime(this.options.realtimeDate.getTime() + minuteWithMillSeconds);
+                    } else {
+                        this.options.realtimeDate.setTime(this.options.realtimeDate.getTime() + hourWithMillseconds);
+                    }
+                }
+                this.currentTime = new Date(
+                    this.options.realtimeDate.getFullYear(),
+                    this.options.realtimeDate.getMonth(),
+                    this.options.realtimeDate.getDate(),
+                    this.options.realtimeDate.getHours(),
+                    this.options.realtimeDate.getMinutes(),
+                    0).getTime();
+            }
+            this.startTime = new Date(scaleYear, scaleMonth, scaleDate, parseInt(this.options.startHour), 0, 0,).getTime();
+            if (parseInt(this.options.endHour) === 0 || parseInt(this.options.endHour) === 24) {
+                this.endTime = new Date(scaleYear, scaleMonth, scaleDate + 1, parseInt(this.options.endHour), 0, 0,).getTime();
+            } else {
+                this.endTime = new Date(scaleYear, scaleMonth, scaleDate, parseInt(this.options.endHour), 0, 0,).getTime();
+            }
+        },
+        /**
+         * 根据刻度类型，以及开始、结束、当前时间与当前0时0分0秒的时间差（毫秒数），计算出有多少刻度（包括总刻度以及可拖动刻度）
+         */
+        calculateScaleNum: function () {
+            var timeDiffWithMillseconds = this.endTime - this.startTime;
+            var limitTimeDiffWithMillseconds = this.currentTime - this.startTime;
+            var minutes, hours, limitMinutes, limitHours;
+            if (this.options.minScale === minScale.minute) {
+                minutes = Math.floor(timeDiffWithMillseconds / minuteWithMillSeconds);
+                hours = Math.floor(timeDiffWithMillseconds / hourWithMillseconds);
+                limitMinutes = Math.floor(limitTimeDiffWithMillseconds / minuteWithMillSeconds);
+                limitHours = Math.floor(limitTimeDiffWithMillseconds / hourWithMillseconds);
+            } else {
+                hours = Math.floor(timeDiffWithMillseconds / hourWithMillseconds);
+                limitHours = Math.floor(limitTimeDiffWithMillseconds / hourWithMillseconds);
+            }
+
+            this.scale = {
+                minutes: minutes,
+                hours: hours,
+                limitMinutes: limitMinutes,
+                limitHours: limitHours
+            };
+        },
+        /**
+         * 初始化dom结构
+         */
+        initDom: function () {
+            //伪类不能js修改样式，因此必须添加一个style标签
+            this.$containerElement.append(
+                [
+                    '<style>' +
+                    '   .timeline .timeline-label span:after{' +
+                    '       transition-duration: ' + this.options.animationDuration + 'ms;' +
+                    '   }' +
+                    '</style>'
+                ].join('')
+            );
+            this.$containerElement.append(
+                [
+                    '<div class="timeline-button">',
+                    '   <span class="timeline-play"></span>',
+                    '</div>'
+                ].join('')
+            );
+            this.$containerElement.append(
+                [
+                    '<div class="timeline-content">',
+                    '   <div class="time-tips" style="transition-duration: ' + this.options.animationDuration + 'ms">',
+                    '       <span class="time-tips-time"></span>',
+                    '       <span class="time-tips-arrow"></span>',
+                    '   </div>',
+                    '   <div class="timeline-line">',
+                    '       <div class="timeline-line-limit" style="transition-duration: ' + this.options.animationDuration + 'ms"></div>',
+                    '       <div class="timeline-line-passed" style="transition-duration: ' + this.options.animationDuration + 'ms"></div>',
+                    '   </div>',
+                    '   <div class="timeline-label">',
+                    '   </div>',
+                    '</div>'
+                ].join('')
+            );
+            var $timelineLabel = this.$containerElement.find('.timeline-label');
+            for (var i = 0; i <= this.scale.hours; i++) {
+                $timelineLabel.append('<span>' + (parseInt(this.options.startHour) + i) + '</span>');
+            }
+        },
+        /**
+         * 根据刻度刻度类型、刻度数，以及时间轴时间进度部分宽度，计算出每个刻度的固定宽度
+         */
+        initFixedWidth: function () {
+            var timelineWidth = this.$containerElement.find('.timeline-line').width();
+            var scaleWidth;
+            if (this.options.minScale === minScale.minute) {
+                scaleWidth = timelineWidth / this.scale.minutes;
+            } else {
+                scaleWidth = timelineWidth / this.scale.hours;
+            }
+            this.scaleWidth = scaleWidth;
+            this.timelineWidth = timelineWidth;
+        },
+        /**
+         * 根据刻度类型、可拖动刻度数，计算出可拖动刻度的总宽度占时间轴刻度部分总宽度的百分比
+         */
+        calculateLimitWidth: function () {
+            var timelineLineLimitWidth;
+            if (this.options.minScale === minScale.minute) {
+                timelineLineLimitWidth = this.scale.limitMinutes * this.scaleWidth;
+            } else {
+                timelineLineLimitWidth = this.scale.limitHours * this.scaleWidth;
+            }
+            this.timelineLineLimitWidth = timelineLineLimitWidth;
+            this.$containerElement.find('.timeline-line-limit').css('width', timelineLineLimitWidth / this.timelineWidth * 100 + '%');
+        },
+        /**
+         * 两个日期是否为同一天
+         * @param dateOne 日期一
+         * @param dateTwo 日期二
+         * @returns {boolean} true or false
+         */
+        isSameDay: function (dateOne, dateTwo) {
+            var dateAString = new Date(dateOne).format('yyyy-MM-dd');
+            var dateBString = new Date(dateTwo).format('yyyy-MM-dd');
+            return dateAString === dateBString;
+        },
+        /**
+         * 定时刷新时间信息、刻度信息、可拖动刻度宽度百分比
+         */
+        autoRefreshLimitScale: function () {
+            var that = this;
+            var autoRefreshTimerDuration;
+            if (this.startedAutoRefreshLimitScale === false) {
+                this.calculateProgress(this.limitScaleNum(), true);
+                if (this.isSameDay(this.options.date, new Date())) {
+                    if (this.options.minScale === minScale.minute) {
+                        autoRefreshTimerDuration = minuteWithMillSeconds - new Date().getSeconds() * secondWithMillseconds;
+                    } else {
+                        autoRefreshTimerDuration = hourWithMillseconds - new Date().getMinutes() * minuteWithMillSeconds;
+                    }
+                } else {
+                    if (this.options.minScale === minScale.minute) {
+                        autoRefreshTimerDuration = minuteWithMillSeconds;
+                    } else {
+                        autoRefreshTimerDuration = hourWithMillseconds;
+                    }
+                }
+            } else {
+                if (this.options.minScale === minScale.minute) {
+                    autoRefreshTimerDuration = minuteWithMillSeconds;
+                } else {
+                    autoRefreshTimerDuration = hourWithMillseconds;
+                }
+                this.calculateTime();
+                this.calculateScaleNum();
+                this.calculateLimitWidth();
+            }
+
+            // 若已播放刻度数和刷新后的(可拖动刻度数-1)，说明刷新刻度前刻度在可用刻度的最末或开头
+            if (this.startedAutoRefreshLimitScale && (this.playedScaleNum() === this.limitScaleNum() - 1 ||
+                (this.options.minScale === minScale.minute && this.scale.limitMinutes === 1) ||
+                (this.options.minScale === minScale.hour && this.scale.limitHours === 1))) {
+                this.calculateProgress(this.limitScaleNum(), true);
+            }
+
+            var autoRefreshTimer = setTimeout(function () {
+                clearTimeout(autoRefreshTimer);
+                that.autoRefreshLimitScale();
+            }, autoRefreshTimerDuration);
+
+            this.startedAutoRefreshLimitScale = true;
+        },
+        /**
+         * 初始化dom容器上的事件
+         */
+        initEvent: function () {
+            var that = this;
+            this.$containerElement.on('mousemove.timelineLine', '.timeline-line', function (e) {
+                // 鼠标移动到刻度轴上时，停止播放时间轴时间
+                that.stopPlay();
+                that.startedMouse = true;
+                // 获取鼠标在时间轴轴线上的x坐标偏移量
+                var offsetX = e.originalEvent.offsetX;
+                // 偏移量即为已过去时间的时间轴长度，除以固定的每个刻度的宽度，得到已过的刻度数
+                var sacleNum = Math.round(offsetX / that.scaleWidth);
+                // 如果已过刻度大于可拖动刻度，就不把那一部分展示出来了
+                if (that.options.limit && sacleNum > that.limitScaleNum())
+                    return;
+                // 计算并展示时间轴进度
+                that.calculateProgress(sacleNum, true);
+            }).on('mouseover.timelineLabelSpan', '.timeline-label span', function () {
+                that.stopPlay();
+                that.startedMouse = true;
+                // 获取当前刻度标签所在位置索引
+                var index = $(this).index();
+                var sacleNum;
+                // 根据刻度类型，计算实际刻度。因为展示的是小时，所以如果刻度是minute类型，则需要乘以60（1小时=60分钟）
+                if (that.options.minScale === minScale.minute)
+                    sacleNum = index * 60
+                else
+                    sacleNum = index;
+                // 如果已过刻度大于可拖动刻度，就不把那一部分展示出来了
+                if (that.options.limit && sacleNum > that.limitScaleNum())
+                    return;
+                // 计算并展示时间轴进度
+                that.calculateProgress(sacleNum, true);
+            }).on('mouseout.timelineContent', '.timeline-content', function (t) {
+                // 鼠标移除后隐藏时间提示
+                // that.$containerElement.find('.time-tips').addClass('time-tips-hide');
+            }).on('click.timelineButton', '.timeline-button', function () {
+                var $this = $(this).children('span');
+                var play;
+                if ($this.is('.timeline-play')) {
+                    // 如果按钮上有timeline-play样式，说明显示的播放按钮，即没有播放时间轴
+                    play = false;
+                } else if ($this.is('.timeline-pause')) {
+                    // 如果按钮上有timeline-pause样式，说明显示的暂停按钮，即正在播放时间轴
+                    play = true;
+                }
+                if (!play) {
+                    // 如果没播放时间轴，点击播放后则自动播放时间轴
+                    if (that.playedScaleNum() > that.limitScaleNum() && !that.options.limit)
+                        that.startPlay(0);
+                    else
+                        that.startPlay(that.playedScaleNum());
+                } else {
+                    // 否则暂停播放
+                    that.stopPlay();
+                }
+                // 切换播放按钮样式
+                that.togglePlay(!play);
+            });
+        },
+        /**
+         * 根据刻度类型，实时获取可拖动刻度数
+         * @returns {number} 可拖动刻度数
+         */
+        limitScaleNum: function () {
+            var limitScaleNum;
+            if (this.options.minScale === minScale.minute) {
+                limitScaleNum = this.scale.limitMinutes;
+            } else {
+                limitScaleNum = this.scale.limitHours;
+            }
+            return limitScaleNum;
+        },
+        /**
+         * 切换播放状态
+         * @param play 是否在播放
+         */
+        togglePlay: function (play) {
+            var $playSpan = this.$containerElement.find('.timeline-button span');
+            if (play) {
+                $playSpan.removeClass('timeline-play').addClass('timeline-pause');
+            } else {
+                $playSpan.removeClass('timeline-pause').addClass('timeline-play');
+            }
+        },
+        showTimeTips: function (scaleNum) {
+            var percent = scaleNum * this.scaleWidth / this.timelineWidth;
+            //因为多次计算的误差，可能出现大于1或小于0的情况，需要限制最大为1，最小为0
+            if (percent > 1)
+                percent = 1;
+            else if (percent < 0)
+                percent = 0;
+            //将当前刻度时间显示出来
+            this.$containerElement.find('.time-tips-time').text(this.timeString);
+            this.$containerElement.find('.time-tips').css('left', percent * this.timelineWidth - (tipsWidth / 2) + labelWidth / 2);
+        },
+        /**
+         * 计算已过时间进度条
+         * @param scaleNum 已过刻度数
+         * @param loadData 是否加载数据 为false，则需要在调用此方法后加载数据
+         */
+        calculateProgress: function (scaleNum, loadData) {
+            //坐标的offset可能为负数，导致scaleNum也变成了负数，但是刻度最小为0，因此在这归零
+            if (scaleNum < 0)
+                scaleNum = 0;
+            //计算总进度的百分比
+            var percent = scaleNum * this.scaleWidth / this.timelineWidth;
+            var time, hours;
+            //因为多次计算的误差，可能出现大于1或小于0的情况，需要限制最大为1，最小为0
+            if (percent > 1)
+                percent = 1;
+            else if (percent < 0)
+                percent = 0;
+            if (this.options.minScale === minScale.minute) {
+                time = this.startTime + scaleNum * minuteWithMillSeconds;
+                hours = Math.ceil(scaleNum / 60);
+            } else {
+                time = this.startTime + scaleNum * hourWithMillseconds;
+                hours = scaleNum;
+            }
+            this.timeString = new Date(time).format('yyyy-MM-dd HH:mm');
+            //移除刻度标签上的样式
+            this.$containerElement.find('.timeline-label span').removeClass('time-passed');
+            // 根据结果新的刻度突出展示已过时间刻度标签
+            this.$containerElement.find('.timeline-label span:lt(' + hours + ')').addClass('time-passed');
+            if ((this.options.minScale === minScale.minute && scaleNum % 60 === 0) || this.options.minScale === minScale.hour && scaleNum !== 0)
+                this.$containerElement.find('.timeline-label span:eq(' + hours + ')').addClass('time-passed');
+            //展示已过刻度
+            this.$containerElement.find('.timeline-line-passed').css('width', percent * 100 + '%');
+
+            if (this.lastLoadTimeString === this.timeString) {
+                //上次加载时间为当前时间，则不加载
+                return;
+            }
+
+            this.showTimeTips(scaleNum);
+
+            clearTimeout(this.loadDataTimer);
+            if (loadData) {
+                var that = this;
+                this.loadDataTimer = setTimeout(function () {
+                    clearTimeout(that.loadDataTimer);
+                    that.options.loadData(that.timeString);
+                    that.lastLoadTimeString = that.timeString;
+                }, this.options.loadDataDelay);
+            }
+        },
+        /**
+         * 获取已过刻度数，用于暂停后续播。为0则表示已播放的刻度到刻度进度条的末尾了
+         * @returns {number} 已播放过的刻度数
+         */
+        playedScaleNum: function () {
+            var timelineLinePassedWidth = this.$containerElement.find('.timeline-line-passed').width();
+            if (Math.round(timelineLinePassedWidth / this.scaleWidth) === Math.round(this.timelineLineLimitWidth / this.scaleWidth))
+                return 0;
+            return Math.round(timelineLinePassedWidth / this.scaleWidth);
+        },
+        /**
+         * 开始自动播放
+         * @param playedScaleNum 已播放刻度数
+         */
+        startPlay: function (playedScaleNum) {
+            playedScaleNum = playedScaleNum || 0;
+            var scaleNum;
+            if (this.options.minScale === minScale.minute) {
+                scaleNum = this.scale.minutes;
+            } else {
+                scaleNum = this.scale.hours;
+            }
+            // 如果已播放的刻度数大于总刻度数或已播放刻度数大于可拖动刻度数，则停止播放
+            if (playedScaleNum > scaleNum || (this.options.limit && playedScaleNum > this.limitScaleNum())) {
+                this.stopPlay();
+                return;
+            }
+            if (this.options.minScale === minScale.minute && playedScaleNum > this.scale.limitMinutes) {
+                this.stopPlay();
+                return;
+            } else if (this.options.minScale === minScale.hour && playedScaleNum > this.scale.limitHours) {
+                this.stopPlay();
+                return;
+            }
+
+            this.startedAutoPlay = true;
+            var that = this;
+            this.calculateProgress(playedScaleNum, false);
+
+            that.options.autoPlayLoadData(that.timeString);
+
+            that.autoPlayTimer = setTimeout(function () {
+                that.startPlay(playedScaleNum + 1);
+            }, that.options.autoPlayDuration);
+        },
+        /**
+         * 停止自动播放
+         */
+        stopPlay: function () {
+            if (this.autoPlayTimer) {
+                clearTimeout(this.autoPlayTimer);
+                this.togglePlay(false);
+            }
+            this.startedAutoPlay = false;
+        },
+        /**
+         * 销毁时间轴
+         */
+        destroy: function () {
+            this.stopPlay();
+            this.$containerElement.empty();
+        }
+    }
+
+    $.fn.timeline = function (options) {
+        options = $.extend(true, defaults, options);
+        return new timeline(this, options);
+    }
+})(jQuery);
\ No newline at end of file
diff --git a/preview.png b/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..451eaefb8c44eab7d6819127defa224ddd8647e7
GIT binary patch
literal 23669
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
U>9;2B@w$IZ3~uOG>A4{P3nL(LtpET3

literal 0
HcmV?d00001

diff --git a/styl/timeline.styl b/styl/timeline.styl
new file mode 100644
index 0000000..70175b0
--- /dev/null
+++ b/styl/timeline.styl
@@ -0,0 +1,146 @@
+.timeline
+  height 50px
+  position relative
+
+  .time-tips
+    width 130px
+    font-size 12px
+    position absolute
+    background-color rgba(128, 128, 128, 0.5)
+    color #fff
+    height 16px
+    top -30px
+    padding 2px 0
+    text-align center
+    border-radius 2px
+    left -45px
+    transition-property all
+    transition-duration 0.1s
+    transition-timing-function linear
+
+    .time-tips-time
+      font-family VeraSansMono
+      font-size 12px
+
+  .time-tips-arrow
+    position absolute
+    bottom -6px
+    left 50%
+    margin-left -6px
+    width 0
+    height 0
+    border-right 6px solid transparent
+    border-left 6px solid transparent
+    border-top 6px solid rgba(128, 128, 128, 0.5)
+
+  .timeline-button
+    position absolute
+    right 0
+    width 24px
+    height 24px
+    border-radius 50%
+    background-color #84cdc9
+
+    .timeline-play
+      width 0
+      height 0
+      margin 7px 7px 7px 8px
+      display inline-block
+      border-style solid
+      border-width 5px 0 5px 10px
+      border-color transparent transparent transparent #299387
+
+    .timeline-pause
+      display inline-block
+      width 10px
+      height 10px
+      margin 7px
+      border-style double
+      border-width 0 0 0 10px
+      border-color #299387
+
+  .timeline-content
+    position absolute
+    left 0
+    right 30px
+    height 100%
+
+
+  .timeline-line
+    height 25px
+    position absolute
+    display flex
+    align-items center
+    justify-content space-between
+    left 10px
+    right 10px
+    top 0
+    z-index 10
+
+    &:after
+      content ''
+      background-color rgba(128, 128, 128, 0.5)
+      position absolute
+      top 0
+      height 5px
+      width 100%
+
+  .timeline-line-limit,
+  .timeline-line-passed
+    position absolute
+    top 0
+    width 0
+    height 5px
+    background-color rgba(65, 248, 255, 1.000)
+    pointer-events none
+    transition-property all
+    transition-duration 0.1s
+    transition-timing-function linear
+    z-index 12
+
+  .timeline-line-limit
+    background-color #7da8cc
+    z-index 11
+
+  .timeline-label
+    color #fff
+    display flex
+    align-items center
+    position absolute
+    left 0
+    right 0
+    top 25px
+    justify-content space-between
+
+    span
+      font-family "VeraSansMono"
+      text-align center
+      font-size 12px
+      display block
+      flex 0 0 20px
+      position relative
+      cursor default
+
+      &:after
+        z-index 9
+        content ''
+        position absolute
+        height 10px
+        top -20px
+        background-color rgba(255, 255, 255, 0.5)
+        width 1px
+        left 50%
+        margin-left -1px
+        transition-duration 0.1s
+        transition-property all
+        transition-timing-function linear
+
+      &:first-child:after
+        height 15px
+        margin-left 0
+
+      &:last-child:after
+        height 15px
+
+      &.time-passed:after
+        background-color rgba(65, 248, 255, 1.000)
\ No newline at end of file