多个列表同时进行倒计时

<div class="wait"><span>10:13:16</span><input type="button" name="" id="" value="暂停" /> </div>
        <div class="wait"><span>10:12:14</span><input type="button" name="" id="" value="暂停" /></div>
        <div class="wait"><span>11:13:56</span><input type="button" name="" id="" value="暂停" /></div>
        <div class="wait"><span>16:56:14</span><input type="button" name="" id="" value="暂停" /></div>
        <div class="wait"><span>10:23:23</span><input type="button" name="" id="" value="暂停" /></div>

$(function(event){
              var waitlentgth = $('.wait').length;
              var time=new Array();
              var minute,second,millsecond=new Array();
              $('.wait').each(function(index,data){
                  var timefalg=setInterval(function(){
                      time= $(data).text();
                      minute = time.split(':')[0];
                      second= time.split(':')[1];
                      millisecond = time.split(':')[2];
                      minflag= minute.length;
                      secflag=second.length;
                      millflag=millisecond.length;
                      if(millisecond>0){
                          millisecond--;
                          $('.wait:eq('+index+')').text(minute+":"+second+":"+millisecond);
                      }
                      else if(millisecond==0&&second>0){
                          second--;
                          millisecond=99;
                          $('.wait:eq('+index+')').text(minute+":"+second+":"+"0"+millisecond);
                      }
                      else if(second==0&&minute>0){
                          minute--;
                          second=60;
                          $('.wait:eq('+index+')').text(minute+":"+second+":"+millisecond);
                      }
                      if(millisecond.length<2){
                          $('.wait:eq('+index+')').text(minute+":"+second+":"+"0"+millisecond);
                      }
                      else if(second.length<2){
                          $('.wait:eq('+index+')').text(minute+":"+"0"+second+":"+millisecond);
                      }else if(minute.length<2){
                          $('.wait:eq('+index+')').text("0"+minute+":"+second+":"+millisecond);
                      }
                      
                      else if(minute==0&&second==0&&millisecond==0){
                          $('.wait:eq('+index+')').text('正在揭晓...')
                          clearInterval(timefalg);
                      }
                  },10)

//实现单个的暂停功能

   //    $('.wait:eq('+index+') input').on('click',function(){
           //           clearInterval(timefalg)
             //     })
              })

              
          })
         

转载于:https://www.cnblogs.com/impossible1994727/p/6740454.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值