同一个页面多个倒计时同时进行
Posted tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了同一个页面多个倒计时同时进行相关的知识,希望对你有一定的参考价值。
1 <script type="text/javascript"> 2 leftTimeAct(); 3 // 未开始项目倒计时 4 function leftTimeAct(){ 5 var leftTimeActInv = null; 6 clearTimeout(leftTimeActInv); 7 $(".left_time").each(function(){ 8 var leftTime = parseInt($(this).attr("data")); 9 if(leftTime > 0) 10 { 11 var day = parseInt(leftTime / 24 /3600); 12 var hour = parseInt((leftTime % (24 *3600)) / 3600); 13 var min = parseInt((leftTime % 3600) / 60); 14 var sec = parseInt((leftTime % 3600) % 60); 15 $(this).find(".day").html((day<10?"0"+day:day)); 16 $(this).find(".hour").html((hour<10?"0"+hour:hour)); 17 $(this).find(".min").html((min<10?"0"+min:min)); 18 $(this).find(".sec").html((sec<10?"0"+sec:sec)); 19 leftTime--; 20 $(this).attr("data",leftTime); 21 } 22 else{ 23 window.location.reload(); 24 return false; 25 } 26 }); 27 leftTimeActInv = setTimeout(function(){ 28 leftTimeAct(); 29 },1000); 30 } 31 </script>
1 <div class="left_time" data="{$deal_item_in.left_begin_day}"> 2 <em class="s day">--</em> 3 <em class="l">天</em> 4 <em class="s hour">--</em> 5 <em class="l">时</em> 6 <em class="s min">--</em> 7 <em class="l">分</em> 8 <em class="s sec">--</em> 9 <em class="l">秒</em> 10 </div>
以上是关于同一个页面多个倒计时同时进行的主要内容,如果未能解决你的问题,请参考以下文章