<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試jquey的ajax方法</title>
<style>
*{
padding:0;
margin:0;
}
button{width: 20%;line-height: 50px;font-size: 30px;margin-left: 40%;margin-top: 20%; }
</style>
</head>
<body>
<div id="test"></div>
<button class="hmac">獲取驗證碼</button>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script>
$('.hmac').on('click',function(){
var that = $(this)
var timeo = 60;
var timeStop = setInterval(function(){
timeo--;
if (timeo>0) {
that.text('重新傳送' + timeo +'s');
that.attr('disabled','disabled');//禁止點選
}else{
timeo = 60;//當減到0時賦值為60
that.text('獲取驗證碼');
clearInterval(timeStop);//清除定時器
that.removeAttr('disabled');//移除屬性,可點選
}
},1000)
})
</script>
</body>
</html>
複製程式碼
js獲取驗證碼倒數計時60s(超簡單)
相關文章
- js倒數計時 實現傳送驗證碼倒數計時60sJS
- js實現驗證碼倒數計時JS
- js 獲取驗證碼計時器JS
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- jquery 60s倒數計時jQuery
- js驗證碼重新傳送倒數計時效果JS
- JS簡單的倒數計時(程式碼優化)JS優化
- 小程式 - 驗證碼倒數計時元件元件
- Flutter 驗證碼倒數計時Widget封裝Flutter封裝
- Ionic Angular 實現驗證碼倒數計時功能Angular
- 傳送簡訊驗證,後按鈕倒數計時,防止重新整理倒數計時失效
- setInterval和setTimeout區別(驗證碼倒數計時)
- 【JavaScript】使用js實現傳送郵箱驗證碼,按鈕倒數計時JavaScriptJS
- js——倒數計時JS
- JS倒數計時JS
- 手機直播原始碼,驗證碼自動讀秒倒數計時原始碼
- Android使用CountDownTimer實現驗證碼倒數計時Android
- 短視訊app製作,驗證碼輸入時間倒數計時APP
- Kookjs 倒數計時JS
- 超簡單的PHP驗證碼識別PHP
- 超簡潔的js獲取位址列引數JS
- 前端獲取驗證碼前端
- jquery實現的倒數獲取li元素簡單介紹jQuery
- 簡單的數字驗證碼破解
- js cookie 頁面倒數計時JSCookie
- 案例:倒數計時 js小案例JS
- js實現活動倒數計時JS
- js 活動倒數計時詳解JS
- ios 手機驗證碼獲取iOS
- js實現指定時間倒數計時JS
- Java+springboot最簡單的驗證碼的獲取與使用方式JavaSpring Boot
- JQuery表單驗證(包括:使用者名稱,手機號,密碼,確認密碼,驗證碼60s)jQuery密碼
- 利用js編寫一個簡單的html表單驗證,驗證通過時提交資料(附原始碼)JSHTML原始碼
- 【驗證碼逆向專欄】數美驗證碼全家桶逆向分析以及 AST 獲取動態引數AST
- 簡單實現時間倒數計時與伺服器同步效果伺服器
- js倒數計時關閉頁面程式碼例項JS
- js倒數計時關閉當前頁面程式碼JS
- js程式碼實現倒數計時秒殺的效果JS