//点击获取验证码的倒计时
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秒后重发 欢迎更改