js验证码有效时间倒计时
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/jquery.cookie.js"></script>
<script>
var max = 60;
var $btnGetCode;
var text = "验证码有效秒数：";
function beginCount() {
//记下开始计数时间到cookie中，当页面刷新了也可以继续记数
$.cookie('beginDate', new Date().getTime(), { expires: 60 });
//设置最大秒数
max = 60;
//倒数
count();
}
$(function myfunction() {
$btnGetCode = $("#btnGetCode");
//最近点击时间
var beginDate = parseInt($.cookie('beginDate'));
//已过秒数
var currentCount=Math.floor((new Date().getTime() - beginDate) / 1000);
//剩下秒数
max = max - currentCount;
//倒数
count();
});
//递归记数
function count() {
if (max > 0 && max <= 60) {
$btnGetCode.val(text + max--);
timeoutID = setTimeout("count()", 1000);
} else if (max==0) {
$btnGetCode.val("重新获取");
}
}
</script>
</head>
<body>
<input type="button" id="btnGetCode" value="获取验证码" onclick="beginCount()"/>
</body>
</html>