页面上

    1. <button class="code" (click)="getCode()" [disabled]="!verifyCode.disable">{{verifyCode.verifyCodeTips}}</button>

    函数

    1. //验证码倒计时 全局定义变量
    2.   verifyCode: any ={
    3.           verifyCodeTips: "获取验证码",
    4.           countdown: 60,//总共时间
    5.           disable: true
    6.       };
    8. //获取验证码的方法
    9. getCode(){
    10.        //每次点击时初始化
    11.       this.verifyCode = {
    12.           verifyCodeTips: "获取验证码",
    13.           countdown: 60,//总共时间
    14.           disable: true //禁止按钮被点击
    15.       }
    16.       this.settime()
    17.   }
    19. //倒计时
    20.   settime() {
    21.     if(this.verifyCode.countdown == 0) {
    22.         this.verifyCode.verifyCodeTips = "获取验证码";
    23.         this.verifyCode.disable = true;
    24.         return;
    25.     } else {
    26.         this.verifyCode.countdown--;
    27.     }
    28.     setTimeout(() => {
    29.         this.verifyCode.verifyCodeTips = "重新获取" + this.verifyCode.countdown + "秒";
    30.         this.settime();
    31.     }, 1000);
    32.   }