短信验证码获取等待60秒js

2019-03-24
<script type="text/javascript">
/*-------------------------------------------*/
var InterValObj; //timer变量,控制时间
var count = 120; //间隔函数,1秒执行
var curCount;//当前剩余秒数
function sendMessage() {
    curCount = count;
    var phone=$("#phone1").val();//手机号码
	var code = $("#imgcode").val();
    if(phone != ""){
    //向后台发送处理数据
        $.ajax({
            type: "POST", //用POST方式传输
            dataType: "json", //数据格式:JSON
            url: '/api/sms.php', //目标地址
            data: {"phone":phone,'code':code},
			success: function(json){
	            if(json.status==1){
			        //设置button效果,开始计时
			        $("#btnSendCode").attr("disabled", "true");
			        $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
			        InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
	                layer.msg('请注意查收');
	            }else{
					layer.msg(json.info);
				}
	        }
        });
    }else{
        layer.msg("手机号码不能为空!");
    }
}
//timer处理函数
function SetRemainTime() {
    if (curCount == 0) {
        window.clearInterval(InterValObj);//停止计时器
        $("#btnSendCode").removeAttr("disabled");//启用按钮
        $("#btnSendCode").val("重新发送验证码");
        code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效
    }
    else {
        curCount--;
        $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
    }
}
</script>

 

JS的相关文章

短信验证码获取等待60秒js
<script type="text/javascript"> /*---------------------
jQuery实现无缝图片滚动效果
HTML <a href="javascript:;" class="goLeft">向左走</a>
js判断屏幕大小,做对应处理(响应式)
<script type="text/javascript"> //定义变量获取屏幕视口