jquery 倒计时

最新推荐文章于 2023-08-15 14:32:00 发布

小小码世界

最新推荐文章于 2023-08-15 14:32:00 发布

阅读量799

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签：倒计时

本文链接：https://blog.youkuaiyun.com/helpzp2008/article/details/9274025

jquery 专栏收录该内容

13 篇文章

订阅专栏

<script type="text/javascript">
$(function(){
	countDown("2015/9/8 11:11:59","#colockbox1");
});
function countDown(time,id){
	var day_elem = $(id).find('.day');
	var hour_elem = $(id).find('.hour');
	var minute_elem = $(id).find('.minute');
	var second_elem = $(id).find('.second');
	
	//if(typeof end_time == "string")
	var end_time = new Date(time).getTime(),//月份是实际月份-1
	sys_second = (end_time-new Date().getTime())/1000;
	var timer = setInterval(function(){
		if (sys_second > 1) {
			sys_second -= 1;
			var day = Math.floor((sys_second / 3600) / 24);
			var hour = Math.floor((sys_second / 3600) % 24);
			var minute = Math.floor((sys_second / 60) % 60);
			var second = Math.floor(sys_second % 60);
			day_elem && $(day_elem).text(day);//计算天
			$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
			$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟
			$(second_elem).text(second<10?"0"+second:second);//计算秒杀
		} else { 
			clearInterval(timer);
		}
	}, 1000);
}
</script>

html:

<div class="colockbox" id="colockbox1"> 
    <span class="day">00</span> 
    <span class="hour">00</span> 
    <span class="minute">00</span>
    <span class="second">00</span>
</div>

公司做了个秒杀页面，需要做一个倒计时效果，特此收藏

代码下载： http://download.youkuaiyun.com/detail/helpzp2008/5721185