js倒计时代码 适合于促销-倒计时代码

				<div class="tiem_price clearfix fonts" style="margin-top:15px;">
				  <div class="clockContainer clockContainer1 fl relative" id="38zhe"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
				  <div class="youhuiPrice relative fr">原价:3800元/次</div>
				</div>
				<div class="tiem_price clearfix fonts">
				  <div class="clockContainer clockContainer1 fl relative" id="0tuo"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
				  <div class="youhuiPrice relative fr">仅限网络预约</div>
				</div>

<script>
	$(function(){ 
		countDown("2016/3/3  12:00:00","#38zhe"); 
		countDown("2016/3/31 12:00:00","#0tuo"); 
	}); 
</script>

以上为html加载部分代码

========================================

js页面代码

// JavaScript Document
	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'); 
	 var end_time = new Date(time).getTime();
	 var 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).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); 
	} 

代码功能:可实现一个页面多个倒计时功能

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值