jq实现发送短信验证码

前端的工作经常会涉及到短信验证的功能(注册或获取当前手机号信息),于是自己也写了一个,路过的小伙伴可以看一下

未点击状态

点击之后的状态

var timer="";
var nums=;
var validCode=true;//定义该变量是为了处理后面的重复点击事件
$("#getCode").on('click',function(){
            console.log("");
            var code=$(this);
            if(validCode){
                validCode=false;
                timer=setInterval(function(){
                    if(nums>){
                        nums--;
                        code.text(nums+"秒后重新发送");
                        code.addClass("gray-bg");
                    }
                    else{
                        clearInterval(timer);
                        nums=;//重置回去
                        validCode=true;
                        code.removeClass("gray-bg");
                        code.text("发送验证码");
            }
                },)
            }

        })