{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery带进度条日期时间轴自动播放代码

一款固定在网页底部的jQuery带进度条日期时间轴自动播放代码,可以在天数与小时数进行切换。


js代码

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/timePlay.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/timePlay.min.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript">
var timeplay = new TimePlay({
	speed: 2000,//播放速度
	startDate: 20180701,//开始日期
	endDate: 20190131,//结束日期
	timeUnitControl: true,//是否显示时/天切换控件
	onClickChangeEnd: function(){//点击后回调
		//获取点击的时间
		var hour = timeplay.curr_day.hour,//小时
				day  = timeplay.curr_day.day,//日
				mon  = timeplay.curr_day.mon,//月
				year = timeplay.curr_day.year;//年
		console.log(year+"年" + mon + "月" + day + "日" + hour + "时");
	},
	onAnimateEnd: function(){//时间轴动画每次结束回调
		var hour = timeplay.curr_day.hour,//小时
				day  = timeplay.curr_day.day,//日
				mon  = timeplay.curr_day.mon,//月
				year = timeplay.curr_day.year;//年
		console.log(year+"年" + mon + "月" + day + "日" + hour + "时");
	}
});

$("#pause").click(function(){
	timeplay.delayAnimation();//延迟动画
})

$("#play").click(function(){
	timeplay.continueAnimation();//继续动画
})
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery带进度条日期时间轴自动播放代码
喜欢 ()分享 (0)