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

                  
              })
             

  • 相关阅读:
    运营活动总结
    《天天来塔防》游戏分析
    C++ 头文件与using namespace std
    cocos2dx -- 错误笔记(4)ntdll.dll堆已损坏
    大学,且行且珍惜
    cocos2dx -- 错误笔记(3)class类型重定义
    谈谈对HTML语义化的理解
    CSS深入研究:display的恐怖故事解密(2)
    We have a problem with promises
    react-组件生命周期
  • 原文地址:https://www.cnblogs.com/impossible1994727/p/6740454.html
Copyright © 2011-2022 走看看