带cookie的验证码倒计时

//点击获取验证码的倒计时
var clock = '';
var nums ='';
var btn;

function doLoop()
{
    nums = getCookie("time");  
        if(nums == null){  
            nums = 60 
        }  
    nums--;
    setCookie("time", nums); 
    if(nums > 0){
        $(btn).html(nums+'秒后重发')
    }else{
        clearInterval(clock); //清除js定时器
        $(".get-code").prop("disabled",false)
        $(btn).html('重新发送')
        nums = 60; //重置时间
        delCookie("time"); 
    }
}
function sendCode(thisBtn)
{   
    nums = 60;
    btn = thisBtn;
    btn.disabled = true; //将按钮置为不可点击
    clock = setInterval(doLoop, 1000); //一秒执行一次
    $(btn).html(nums+'秒后重发')
    console.log(nums)
}
$(function(){
        nums = getCookie("time");  
        if(nums == null){  
            $(".get-code").html("获取验证码") 
        }else{
            nums=getCookie("time")
            sendCode($(".get-code"))
            $(".get-code").prop("disabled",true)
        }
})



    //设计Cookie的值  
    function setCookie(name,value){   
        var Days = 30;   
        var exp = new Date();   
        exp.setTime(exp.getTime() + Days*24*60*60*1000);   
        document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();   
    }  
      
    //获取Cookie的值  
    function getCookie(name){   
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");  
       
        if(arr=document.cookie.match(reg))  
            return unescape(arr[2]);   
        else   
            return null;   
    }  
      
    //删除Cookie中的值  
    function delCookie(name){   
        var exp = new Date();   
        exp.setTime(exp.getTime() - 1);   
        var cval=getCookie(name);   
        if(cval!=null)   
            document.cookie= name + "="+cval+";expires="+exp.toGMTString();   
    }
有个小问题 每次刷新页面 默认显示60秒后重发 欢迎更改

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值