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

Posted 2020-06-28 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>

 

以上是关于同一个页面多个倒计时同时进行的主要内容，如果未能解决你的问题，请参考以下文章

python使用上下文对代码片段进行计时，非装饰器

帮忙改下JS代码，如何在一个页面显示多个倒计时。。。

如何在多个页面使用同一个HTML片段

php多个网页共用一个计时器代码

android 实现同时多个倒计时效果怎么做

Android：ListView 中的多个同时倒计时计时器