Js Jquery 實現的按鈕倒數計時整理
Js Jquery 實現的按鈕倒數計時整理demo在附件
效果如下:
程式碼:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> var countdown = 60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value = "獲取驗證碼"; countdown = 60; return; } else { obj.setAttribute("disabled", true); obj.value = "重新傳送(" + countdown + ")"; countdown--; } setTimeout(function () { settime(obj) } , 1000) } </script> <body> <input type="button" id="btn" value="獲取驗證碼" onclick="settime(this)" /> </body> </html>
由請喊我大龍哥最後編輯於:2年前
內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。
相關文章
- ReactiveCocoa 實現 按鈕倒數計時React
- 【JavaScript】使用js實現傳送郵箱驗證碼,按鈕倒數計時JavaScriptJS
- 傳送簡訊驗證,後按鈕倒數計時,防止重新整理倒數計時失效
- jquery實現60秒倒數計時jQuery
- Jquery 實現頁面倒數計時的功能jQuery
- js實現指定時間倒數計時JS
- js實現活動倒數計時JS
- JavaScript簡訊重發按鈕可用倒數計時JavaScript
- 面向Vue新人:寫一個簡單的倒數計時按鈕Vue
- jQuery入門(七)jQuery實現按鈕分頁jQuery
- Flutter倒數計時/計時器的實現Flutter
- jQuery 倒數計時效果詳解jQuery
- jquery 60s倒數計時jQuery
- Jquery實現的Switch開關按鈕(仿iOS開關)jQueryiOS
- js cookie 頁面倒數計時JSCookie
- 案例:倒數計時 js小案例JS
- JavaScript 前端倒數計時糾偏實現JavaScript前端
- jQuery精確到毫秒倒數計時詳解jQuery
- js 活動倒數計時詳解JS
- layui table tr a標籤倒數計時 操作 重新整理以後繼續倒數計時UI
- js自動倒數計時程式碼,倒數計時完畢時自動停止迴圈JS
- 基於js實現點選按鈕回到頂部JS
- 直播平臺搭建,計時和倒數計時功能的分別實現
- css超出部分隱藏,js倒數計時CSSJS
- 利用css變數實現按鈕懸浮效果CSS變數
- 倒數計時
- 直播小程式原始碼,vue實現時間倒數計時原始碼Vue
- JavaFx 實現按鈕防抖Java
- Simple WPF: WPF 實現按鈕的長按,短按功能
- jquery如何讓按鈕不可用jQuery
- 直播系統原始碼,實現倒數計時,定時任務原始碼
- 微信開發之小程式實現倒數計時
- JavaScript倒數計時JavaScript
- 商城倒數計時
- [JS]bootstrapTable新增操作按鈕JSbootAPT
- LayoutTransiton實現簡單的錄製按鈕
- VUE動態路由和按鈕的實現Vue路由
- SAP:SALV重新整理按鈕事件事件