js实现页面的秒数倒计时

Posted 2021-02-05 cl94

<button name="vcode_mail" class="btn btn-default" type="button" id="vcode_mail-btn" onclick="vcode_mail_post(this)">免费获取验证码</button>

 

 

js

    //发送验证码
    function vcode_mail_post(obj){
        var seconds =121;

        //获取邮箱
        var email = $("input[name=\'email\']").val();
        //异步变同步
        /*$.ajaxSettings.async = false;*/
        //发送请求
        $.post("{:url(\'index/user/vcode_mail_post\')}",{email:email,type:1},function(data){

            var message = data.message;
            if(data.ok == \'1\'){
                alert(message);
                //倒计时
                daojishi(seconds,obj);    
            }else{
                alert(message);

            }
        },\'json\');
        /*$.ajaxSettings.async = true;*/
    }

    //倒计时
    function daojishi(seconds,obj){

        if (seconds > 1){

                seconds--;

                $(obj).text(seconds+"秒后可重新获取 ").attr("disabled", true);//禁用按钮

                // 定时1秒调用一次

                setTimeout(function(){

                    daojishi(seconds,obj);

                },1000);

            }else{

                $(obj).text("重新获取验证码").attr("disabled", false);//启用按钮

            }        
    }