真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

Angular6發(fā)送手機(jī)驗(yàn)證碼按鈕倒計(jì)時(shí)效果實(shí)現(xiàn)方法

1.組件中定義兩個(gè)變量，分別用于控制按鈕是否可以點(diǎn)擊（countDown）和按鈕上的倒計(jì)時(shí)數(shù)字（countDownTime）：

創(chuàng)新互聯(lián)是一家專業(yè)提供泰順企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、做網(wǎng)站、H5建站、小程序制作等業(yè)務(wù)。10年已為泰順眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

countDown = false;
countDowmTime = 60; // 這里設(shè)置倒計(jì)時(shí)為60S
showButtonText = '發(fā)送

2.寫一個(gè)獲取短信驗(yàn)證碼的方法綁定到頁面的獲取短信驗(yàn)證碼按鈕上：

getCode(event) { 
 this.validateForm1.controls['phone'].markAsDirty();           // 點(diǎn)擊獲取驗(yàn)證碼要以輸入了手機(jī)號為前提 
 this.validateForm1.controls['phone'].updateValueAndValidity();
  this.userProvider.doSendSMS ({ phone: this.validateForm1.controls.phone.value }).subscribe(res =>{   // 如果手機(jī)號驗(yàn)證通過
     if (res) { 
      this.notice.success('短信驗(yàn)證碼已發(fā)送！');
      this.sendMessage();   // 調(diào)用下面的按鈕倒計(jì)時(shí)的方法
 
        } 
       }); 
   }
 
sendMessage() {   // 發(fā)送了短信驗(yàn)證碼后觸發(fā)本方法，開始倒計(jì)時(shí) 
  this.countDown = true;                // 發(fā)送驗(yàn)證碼后一分鐘內(nèi)，按鈕變成不可點(diǎn)擊狀態(tài) 
  this.showButtonText = '驗(yàn)證碼已發(fā)送（' +60+ 's）';           // 驗(yàn)證碼發(fā)送后的初始狀態(tài) 
  const start = setInterval(() = > { 
     if (this.countDownTime >=0 ) {
        this.showButtonText = '驗(yàn)證碼已發(fā)送(' + this.countDownTime-- + 's)';     // 動(dòng)態(tài)的進(jìn)行倒計(jì)時(shí)
         } else { 
             clearInterval(start);             // 如果超時(shí)則重新發(fā)送 
             this.showButtonText = '重新發(fā)送'； 
             this.countDown = false;         // 按鈕再次變成可點(diǎn)擊狀態(tài)
             this.countDownTime = 60; 
            } 
       }, 1000);
   }

3.頁面上用方法中的變量來控制按鈕的顯示效果：