zoukankan      html  css  js  c++  java
  • 同一个页面多个倒计时同时进行

     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>
  • 相关阅读:
    站立会议报告(7)
    团队博客(13)
    团队博客(12)
    意见评论
    团队博客(11)
    团队博客(10)
    团队博客(9)
    团队博客(8)
    站立会议报告(6)
    Java Callable
  • 原文地址:https://www.cnblogs.com/lizhenli/p/5313206.html
Copyright © 2011-2022 走看看