获取手机校验码倒计时

$('.getCode').on('click',function(){
                    if($('.tel').val().replace(/\s/g,'')==''||!telReg.test($('.tel').val().replace(/\s/g,''))){
                        tips('请输入正确的登录账号');
                        return;
                    }else{
                        if(toggle){
                            $.ajax({
                                url:请求地址,
                                type:'post',
                                contentType:"application/x-www-form-urlencoded",
                                data:{tel:$('.tel').val().replace(/\s/g,'')},
                                async:false,
                                dataType:'json',
                                success:function(result) {
                                    if(result.code==0){
                                        toggle=false;
                                        $('.getCode').addClass('active');
                                        $('.getCode span').html('60秒后重新获取');
                                        timEnd = setInterval(timer,1000);
                                    }else{
                                        tips(result.msg);
                                    }
                                },
                                error:function(){
                                    tips("ajaxError数据请求失败,请重试!");
                                }
                            })
                        }else{
                            return;
                        }
                    }
                })
                function timer(){
                    if(i>1){
                        i--;
                        $('.getCode span').html(i+'秒后重新获取');
                    }else{
                        clearInterval(timEnd);
                        $('.getCode').removeClass('active');
                        $('.getCode span').html('获取验证码');
                        i=60;
                        toggle=true;
                    }
                }

 

posted @ 2017-07-18 15:30  努力努力要努力  阅读(208)  评论(0编辑  收藏  举报