您好,登錄后才能下訂單哦!
小編給大家分享一下jQuery如何實(shí)現(xiàn)計(jì)時(shí)器功能,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
在寫(xiě)項(xiàng)目的過(guò)程中遇到要前端60秒發(fā)送驗(yàn)證碼的業(yè)務(wù)需求,于是用到計(jì)時(shí)器的功能:
setInterval(function xxx(){ //業(yè)務(wù)邏輯 },隔多少時(shí)間執(zhí)行一次)
60秒計(jì)時(shí)思路:
1、設(shè)置秒數(shù):60s
2、設(shè)置內(nèi)容:實(shí)時(shí)改變,秒數(shù)+內(nèi)容
3、結(jié)束后:去掉按鈕的disable,內(nèi)容恢復(fù)原來(lái)樣子
//計(jì)時(shí)器60秒 function timeInterval(){ $("#code_send_btn").html("60秒后重新獲取郵箱驗(yàn)證碼"); var timeSec = 59; var timeStr = ''; var codeTime = setInterval(function Internal(){ if (timeSec == 0){ $("#code_send_btn").html("獲取郵箱注冊(cè)碼"); $("#code_send_btn").removeAttr("disabled","disabled"); clearInterval(codeTime); return; } timeStr = "("+timeSec+")獲取郵箱注冊(cè)碼"; $("#code_send_btn").html(timeStr); timeSec--; },1000); }
以上是“jQuery如何實(shí)現(xiàn)計(jì)時(shí)器功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。