zoukankan      html  css  js  c++  java
  • js实现页面的秒数倒计时

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

     

  • 相关阅读:
    排序
    最小栈
    移除链表元素
    回文链表
    maven自动建立目录骨架
    maven的结构和构建命令
    递归
    链表的中间结点
    括号匹配
    软件工程个人作业01
  • 原文地址:https://www.cnblogs.com/cl94/p/10311777.html
Copyright © 2011-2022 走看看