码迷,mamicode.com
首页 > Web开发 > 详细

js实现页面的秒数倒计时

时间:2019-01-23 22:09:26      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:led   mes   ext   .post   同步   重新获取验证码   image   pre   img   

<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);//启用按钮

            }        
    }

 技术分享图片

 

js实现页面的秒数倒计时

标签:led   mes   ext   .post   同步   重新获取验证码   image   pre   img   

原文地址:https://www.cnblogs.com/cl94/p/10311777.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!