zoukankan      html  css  js  c++  java
  • 多个列表同时进行倒计时

    <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)
                 //     })
                  })

                  
              })
             

  • 相关阅读:
    postman简单使用
    Jenkins新建任务
    Property 'mapperLocations' was not specified or no matching resources found org.apache.ibatis.builder.BuilderException: Could not find value method on SQL annotation
    spring boot 处理异常
    Spring MVC @ExceptionHandler Example【转】
    微信小程序bindtap与catchtap的区别【转】
    Android imageview点了二,三次才有效果处理
    android 发email
    startActivity报错exposed beyond app through Intent.getData()
    ENUM 值.ordinal() 获取index
  • 原文地址:https://www.cnblogs.com/impossible1994727/p/6740454.html
Copyright © 2011-2022 走看看