JQuery 實(shí)現(xiàn) 點(diǎn)擊倒計(jì)時(shí)

請(qǐng)求短信驗(yàn)證后,60秒內(nèi)不能再次點(diǎn)擊
例子:
HTML代碼
<button type='button' title='點(diǎn)擊發(fā)送短信'>點(diǎn)擊發(fā)送短信</button>

JS代碼

$('button').click(function(){
            //點(diǎn)擊發(fā)送后,禁止點(diǎn)擊
            $('button').attr('disabled',true);
            //設(shè)定時(shí)間為60秒
            nums=60;
            //定時(shí)器設(shè)定變量名,便于清除
            clock = setInterval(doLoop, 1000);
}
function doLoop(){
            nums--;
            if(nums > 0){
               $('button').html(nums);
               $('button').attr('title',nums+'秒后重新發(fā)送');
            }else{
                //時(shí)間為0時(shí),清除定時(shí)器,可以再次點(diǎn)擊發(fā)送短信
                clearInterval(clock); //清除js定時(shí)器
                $('button').attr('disabled',false);
                $('button').attr('title','點(diǎn)擊重新發(fā)送');
                $('button').html('點(diǎn)擊發(fā)送短信');
            }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,030評(píng)論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • 22年12月更新:個(gè)人網(wǎng)站關(guān)停,如果仍舊對(duì)舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,399評(píng)論 22 257
  • Zen先生閱讀 151評(píng)論 0 3
  • 不知道別的地方的風(fēng)俗是不是同我們一樣,逢年過節(jié)必包餃子。 七月十四,家里會(huì)祭祀已故的親人,然后包點(diǎn)水餃,一家人中午...
    青檸檬靜語閱讀 200評(píng)論 0 0

友情鏈接更多精彩內(nèi)容