25 lines
1.6 KiB
Markdown
25 lines
1.6 KiB
Markdown
# timeline
|
||
|
||
jQuery简易时间轴展示，刻度可选时、分
|
||
|
||
|
||
|
||
用法及参数如下：
|
||
```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
|
||
}
|
||
});
|
||
``` |