• 多个列表同时进行倒计时


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

                  
              })
             

  • 相关阅读:
    软件工程——理论、方法与实践 第三章
    软件工程——理论、方法与实践 第二章
    软件工程——理论、方法与实践 第一章
    使用@RunWith(SpringJUnit4ClassRunner.class)进行单元测试时 报错 和 java.lang.NoSuchMethodError的解决方法
    springMVC 校验时,CustomValidationMessages.properties中的错误提示信息的中文乱码 问题
    通过scrapy,从模拟登录开始爬取知乎的问答数据
    利用AJAX JAVA 通过Echarts实现豆瓣电影TOP250的数据可视化
    Scrapy爬取伯乐在线的所有文章
    搭建第一个scrapy项目的常见问题
    利用Ajax实现数据的同步传输,从mysql中提取数据,通过echarts可视化
  • 原文地址:https://www.cnblogs.com/impossible1994727/p/6740454.html
Copyright © 2020-2023  润新知