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

jQuery带进度条日期时间轴自动播放代码-精品资源网
jQuery带进度条日期时间轴自动播放代码
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容