同一个页面多个倒计时同时进行

时间:2021-07-31 22:26:29
 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>