這篇文章將為大家詳細(xì)講解有關(guān)web開發(fā)中如何實(shí)現(xiàn)單擊按鈕發(fā)送驗(yàn)證碼并出現(xiàn)倒計(jì)時(shí)效果，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

主要從事網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開發(fā)、微網(wǎng)站、小程序設(shè)計(jì)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項(xiàng)目的能力。

實(shí)例如下：

 
 
 
 
 
 
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í)行一次 
　　  
  //請求后臺發(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ā)送"); 
      } 
    } 
 
 
 
    
 
 

關(guān)于“web開發(fā)中如何實(shí)現(xiàn)單擊按鈕發(fā)送驗(yàn)證碼并出現(xiàn)倒計(jì)時(shí)效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。