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>
