js倒數計時 實現傳送驗證碼倒數計時60s
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<button type="button" style="outline:none;" id="code">點選傳送驗證碼</button>
<script>
countdown($('#code'));
function countdown($code) {
var btn = $code;
var count = 60;
var resend = setInterval(function(){
count--;
if (count > 0){
btn.html("倒數計時"+count);
$.cookie("captcha", count, {path: '/', expires: (1/86400)*count});
}else {
clearInterval(resend);
btn.html("獲取驗證碼").removeAttr('disabled style');
}
}, 1000);
btn.attr('disabled',true).css('cursor','not-allowed');
}
</script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<button type="button" style="outline:none;" id="code">點選傳送驗證碼</button>
<script>
countdown($('#code'));
function countdown($code) {
var btn = $code;
var count = 60;
var resend = setInterval(function(){
count--;
if (count > 0){
btn.html("倒數計時"+count);
$.cookie("captcha", count, {path: '/', expires: (1/86400)*count});
}else {
clearInterval(resend);
btn.html("獲取驗證碼").removeAttr('disabled style');
}
}, 1000);
btn.attr('disabled',true).css('cursor','not-allowed');
}
</script>
相關文章
- js驗證碼重新傳送倒數計時效果JS
- js實現驗證碼倒數計時JS
- 【JavaScript】使用js實現傳送郵箱驗證碼,按鈕倒數計時JavaScriptJS
- js獲取驗證碼倒數計時60s(超簡單)JS
- 傳送簡訊驗證,後按鈕倒數計時,防止重新整理倒數計時失效
- jquery 60s倒數計時jQuery
- Ionic Angular 實現驗證碼倒數計時功能Angular
- 獲取驗證碼倒數計時
- js實現活動倒數計時JS
- js實現指定時間倒數計時JS
- 小程式 - 驗證碼倒數計時元件元件
- js——倒數計時JS
- JS倒數計時JS
- Android使用CountDownTimer實現驗證碼倒數計時Android
- Kookjs 倒數計時JS
- jquery 實現 點選按鈕後倒數計時效果,多用於實現傳送手機驗證碼、郵箱驗證碼jQuery
- Flutter 驗證碼倒數計時Widget封裝Flutter封裝
- Flutter倒數計時/計時器的實現Flutter
- js自動倒數計時程式碼,倒數計時完畢時自動停止迴圈JS
- js程式碼實現倒數計時秒殺的效果JS
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- setInterval和setTimeout區別(驗證碼倒數計時)
- jquery實現60秒倒數計時jQuery
- 用宏實現PPT倒數計時
- JavaScript倒數計時JavaScript
- Js Jquery 實現的按鈕倒數計時整理JSjQuery
- js cookie 頁面倒數計時JSCookie
- 案例:倒數計時 js小案例JS
- js 活動倒數計時詳解JS
- Android 實現計數或者倒數計時 計時器 用法DemoAndroid
- 直播小程式原始碼,vue實現時間倒數計時原始碼Vue
- JavaScript 前端倒數計時糾偏實現JavaScript前端
- ReactiveCocoa 實現 按鈕倒數計時React
- 倒數計時34天
- 短視訊app製作,驗證碼輸入時間倒數計時APP
- 視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時原始碼
- 線上直播系統原始碼,預設倒數計時,自定義輸入時間倒數計時原始碼
- 手機直播原始碼,驗證碼自動讀秒倒數計時原始碼