單擊按鈕發(fā)送驗(yàn)證碼,出現(xiàn)倒計(jì)時(shí)的簡單實(shí)例
實(shí)例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var InterValObj; //timer變量,控制時(shí)間 var count = 30; //間隔函數(shù),1秒執(zhí)行 var curCount;//當(dāng)前剩余秒數(shù) function sendMessage() { curCount = count; //設(shè)置button效果,開始計(jì)時(shí) $("#btnSendCode").attr("disabled", "true"); $("#btnSendCode").val(curCount + "秒后可重新發(fā)送"); InterValObj = window.setInterval(SetRemainTime, 1000); //啟動(dòng)計(jì)時(shí)器,1秒執(zhí)行一次 //請(qǐng)求后臺(tái)發(fā)送驗(yàn)證碼 TODO } //timer處理函數(shù) function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj);//停止計(jì)時(shí)器 $("#btnSendCode").removeAttr("disabled");//啟用按鈕 $("#btnSendCode").val("重新發(fā)送驗(yàn)證碼"); } else { curCount--; $("#btnSendCode").val(curCount + "秒后可重新發(fā)送"); } } </script> </head> <body> <input id="btnSendCode" type="button" value="發(fā)送驗(yàn)證碼" onclick="sendMessage()" /></p> </body> </html>
以上這篇單擊按鈕發(fā)送驗(yàn)證碼,出現(xiàn)倒計(jì)時(shí)的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能示例
- jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能
- JS實(shí)現(xiàn)用戶注冊(cè)時(shí)獲取短信驗(yàn)證碼和倒計(jì)時(shí)功能
- JS短信驗(yàn)證碼倒計(jì)時(shí)功能的實(shí)現(xiàn)(沒有驗(yàn)證碼,只有倒計(jì)時(shí))
- JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在,驗(yàn)證碼倒計(jì)時(shí))
- 基于jQuery實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無視頁面關(guān)閉)
相關(guān)文章
jQuery操作Dom元素與遍歷以及JS遍歷詳細(xì)講解
這篇文章主要介紹了jQuery操作Dom元素、jQuery遍歷、JavaScript遍歷,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01jQuery前端框架easyui使用Dialog時(shí)bug處理
本文介紹了在jQuery前端框架easyui開發(fā)UI時(shí),使用Dialog時(shí)發(fā)現(xiàn)遮罩無法覆蓋頁面內(nèi)容,而且對(duì)話框也顯示不出來,經(jīng)過一番研究,才發(fā)現(xiàn)問題所在,這里分享給大家,有相同情況的小伙伴可以參考下2014-12-12不用錨點(diǎn)也可以平滑滾動(dòng)到頁面的指定位置實(shí)現(xiàn)代碼
在不適用錨點(diǎn)的情況下也可以平滑滾動(dòng)到頁面的指定位置,看樣子還不錯(cuò)嗎,具體處理程序如下,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-05-05jquery實(shí)現(xiàn)的簡單輪播圖功能【適合新手】
這篇文章主要介紹了jquery實(shí)現(xiàn)的簡單輪播圖功能,涉及jQuery基于定時(shí)器的事件響應(yīng)與頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08javascript(基于jQuery)實(shí)現(xiàn)鼠標(biāo)獲取選中的文字示例【測(cè)試可用】
這篇文章主要介紹了javascript(基于jQuery)實(shí)現(xiàn)鼠標(biāo)獲取選中的文字,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10jQuery實(shí)現(xiàn)購物車表單自動(dòng)結(jié)算效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)購物車表單自動(dòng)結(jié)算效果,涉及jquery動(dòng)態(tài)獲取頁面元素及實(shí)時(shí)改變頁面元素值的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08