js发送验证码

2019独角兽企业重金招聘Python工程师标准>>>

第一种类型：js倒计时60秒，重新发送验证码


<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">

    var InterValObj; //timer变量，控制时间
    var count = 60; //间隔函数，1秒执行
    var curCount;//当前剩余秒数

    function sendMessage() {
        curCount = count;
        //设置button效果，开始计时
        $("#btnSendCode").attr("disabled", "true");
        var dAo =document.getElementById('btnSendCode').style.background="#dadada";
        $("#btnSendCode").val("倒计时" + curCount + "秒");
        InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
        //向后台发送处理数据
        $.ajax({
            type: "POST", //用POST方式传输
            dataType: "text", //数据格式:JSON
            url: 'Login.ashx', //目标地址
            data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,
            error: function (XMLHttpRequest, textStatus, errorThrown) { },
            success: function (msg){ }
        });
    }

    //timer处理函数
    function SetRemainTime() {
        if (curCount == 0) {
            window.clearInterval(InterValObj);//停止计时器
            $("#btnSendCode").removeAttr("disabled");//启用按钮
            var dAo =document.getElementById('btnSendCode').style.background="#fff";
            $("#btnSendCode").val("重新发送验证码");
        }
        else {
            curCount--;
            var dAo =document.getElementById('btnSendCode').style.background="#dadada";
            $("#btnSendCode").val("倒计时" + curCount + "秒");
        }
    }
</script>

 

第二种：简单的倒计时60秒

<input type="button" id="btn" value="免费获取验证码" />  

<script type="text/javascript">  

var wait=60;  

function time(o) {  

     if (wait == 0) {  

       o.removeAttribute("disabled");            

            o.value="免费获取验证码";  

            wait = 60;  

        } else {  

            o.setAttribute("disabled", true);  

           o.value="重新发送(" + wait + ")";  

           wait--;  

            setTimeout(function() {  

                time(o)  

            },  

            1000)  

        }  

    }  

document.getElementById("btn").οnclick=function(){time(this);}  

</script>  

 

 

 

//本文来源于网络，本人总结起来并优化，分享给有需要的前端朋友，如有侵权，请联系删除，也请指正、批评

转载于:https://my.oschina.net/parchments/blog/683590