jQuery倒計時（思路超清晰）

時間 2019-11-12

原文原文鏈接

上代碼（下面圖片）javascript

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://www.xwcms.net/templets/default/images/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var time=60; //定義倒計時時間
function sendemail(){
var obj = $("#btn");//獲取事件對象
settimeAction(obj);//執行倒計時函數
}
function settimeAction(obj) { //發送驗證碼倒計時
if (time == 0) {
obj.attr('disabled',false); //若是time爲0的時候解開按鈕禁用屬性：disabled:false
//obj.removeattr("disabled");
obj.val("免費獲取驗證碼");//給按鈕從新賦值
time = 60; //從新定義倒計時時間
return; //返回
} else {
obj.attr('disabled',true);//若是time爲不等於0的時候解開按鈕禁用屬性：disabled:false
obj.val("從新發送(" + time + ")");//按鈕屬性串接
       time--; //執行秒數-1
}
setTimeout(function() {
   settimeAction(obj) //執行倒計時函數計算(原理每一秒執行一次settimeAction()函數)
   },1000)
}
</script>
<body>
   <input type="button" id="btn" value="免費獲取驗證碼" onclick="sendemail()" />
</body>
</html>html