【Layui】实现发送验证码倒计时

小破孩
2022-06-23 / 0 评论 / 113 阅读 / 正在检测是否收录...
        /**
         * 发送验证码
         */
        var countdown=60;
        function sendsms(){
            var sms = $('#sendsmsid').text();
    
            if(sms == '发送验证码' || sms == '重新发送验证码'){
                var iphone = $("#phone").val();
                $.ajax({
                    url:"{:url('index/getSmsByIphoneNumber')}",
                    type:'get',
                    dataType: "json",
                    data:{mobile_num:iphone},
                    success:function(res){
                        // console.log(res);
                        // return false;
                        if(res.code == 200){
                            layer.msg(res.message, {
                                icon: 6,//成功的表情
                            },function(){
                                judgeAgainSend();
                            });
    
                            return false;
                        }else{
                            layer.msg(res.message,{icon: 5});//失败的表情
                            return false;
                        }
                    },
                });
            }else{
                judgeAgainSend();
            }
        }
    
        /**
         * 判断重新发送
         * @returns {boolean}
         */
        function judgeAgainSend(){
            if(countdown == 0){
                $('#sendsmsid').text('重新发送验证码');
                $('#sendsmsid').removeClass('layui-btn-disabled');
                countdown = 60;
                return  false;
            }else{
                $('#sendsmsid').text('已发送 '+countdown+'秒 后可重新发送');
                $('#sendsmsid').addClass('layui-btn-disabled');
                countdown--;
                setTimeout(function() {
                        sendsms();
                    }
                    ,1000)
            }
        }

0

评论 (0)

取消