发送验证码后倒计时60秒

1、按钮设置id

<input type="button" id="getCode" onclick="getPhoneCode()" value="发送验证码" class="layui-input" />

2、js处理

<script >
​
    /*-------------------------------------------*/
   var InterValObj;      //timer变量，控制时间
    var count;       //间隔函数，1秒执行
    var curCount;    //当前剩余秒数
    
    function sendMessage() {
           $("#getCode").attr('disabled',false);
            count=60;
                	    
         //向后台发送处理数据
         //发送请求
	     	$.post("/xxx/xxxx",{a:a,b:b},function(data){
	     		//判断
	     		if(data.code != 200){	     			
	     			alert(data.msg);	         
	     		 } else{
	     			$("#getCode").attr('disabled',true); 
	     			InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器    timer处理函数，1秒执行一次
	     		 }	     		      			
	     	})；         
    }；
    
       //timer处理函数
		function SetRemainTime() {
			if (curCount == 0) {  //超时重新获取验证码                
				window.clearInterval(InterValObj);// 停止计时器
				$("#getCode").attr('disabled',false); 
				$("#getCode").val("重获验证码");
			}else {
				curCount--;
				$("#getCode").val(curCount+"秒后重获");
			}
		};
    }
</script>