jq实现发送短信验证码
前端的工作经常会涉及到短信验证的功能(注册或获取当前手机号信息),于是自己也写了一个,路过的小伙伴可以看一下
未点击状态
点击之后的状态
var timer=""; var nums=60; var validCode=true;//定义该变量是为了处理后面的重复点击事件 $("#getCode").on('click',function(){ console.log("111"); var code=$(this); if(validCode){ validCode=false; timer=setInterval(function(){ if(nums>0){ nums--; code.text(nums+"秒后重新发送"); code.addClass("gray-bg"); } else{ clearInterval(timer); nums=60;//重置回去 validCode=true; code.removeClass("gray-bg"); code.text("发送验证码"); } },1000) } })
吾生也有涯,而知也无涯;静者心多妙,飘然思不群。