timeline
jQuery简易时间轴展示,刻度可选时、分
用法及参数如下:
$('.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
}
});
Description
Languages
JavaScript
78.2%
CSS
9%
Stylus
8.6%
HTML
4.2%
