多列表同时进行倒计时

来源：互联网发布：中粮大数据研究院编辑：程序博客网时间：2024/05/23 14:48

$(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)
             })

})

//上面的这个jq的写法会有些延时之类的问题，下面的这个解决了这个问题

$(function(){

$(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=39;
                       if(second<10){
                           $('.wait:eq('+index+')').text(minute+":"+"0"+second+":"+millisecond);
                       }else{
                           $('.wait:eq('+index+')').text(minute+":"+second+":"+millisecond);
                       }

                   }
                   else if(second==0&&minute>0){
                       minute--;
                       second=19;
                       if(minute<10){
                           $('.wait:eq('+index+')').text("0"+minute+":"+second+":"+millisecond);
                       }else{
                           $('.wait:eq('+index+')').text(minute+":"+second+":"+millisecond);
                       }
                   }

                 },1)
             })


         })

})

0 0