vue使用ts验证码获取倒计时60秒（自己手写的）

html：

<el-form :model="emailForm" :rules="rules" class="elform">
          <el-form-item label="输入邮箱：" label-width="120px" prop="email">
            <el-input class="wjinputone" v-model="emailForm.email" autocomplete="off"></el-input>
          </el-form-item>
          <el-form-item label="验证码：" label-width="120px" class="el-formtwo" prop="codes">
            <el-input class="wjinput" v-model="emailForm.codes" autocomplete="off"></el-input>
            <el-button type="primary" @click="getCode" :disabled="codedisObj.codeDisabled">{{codedisObj.codeMsg}}</el-button>
         </el-form-item>
</el-form>

js：

private codedisObj: any = {
    codeDisabled: true,
    codeMsg: "获取短信验证码",
  };
 private timer: any = null;
 private countdown: number = 60;
 //忘记密码中校验邮箱
  private validateEmail: any = (rule, value, callback) => {
    if (value == "") {
      callback(new Error("请输入邮箱"));
    } else {
      if (value != "") {
        var reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
        if (!reg.test(value)) {
          callback(new Error("邮箱格式输入错误"));
          this.codedisObj.codeDisabled = true;
        } else {
          //手机号码输入正确时才可点击获取验证码按钮
          this.codedisObj.codeDisabled = false;
        }
      }
      callback();
    }
  };
private rules: object = {
 codes: [
      {
        required: true,
        message: "请输入验证码",
        trigger: "blur",
      },
      {
        pattern: /^[^\s]*$/,
        message: "不能输入空格",
        trigger: "change",
      },
      {
        min: 1,
        max: 6,
        message: "请校对验证码的值是否填写正确",
        trigger: "blur",
      },
      {
        pattern: /^\d+$|^\d+[.]?\d+$/,
        message: "验证码只能输入纯数字",
        trigger: "blur",
      },
    ],
 email: [
      {
        required: true,
        validator: this.validateEmail,
        trigger: "change",
      },
      {
        pattern: /^[^\s]*$/,
        message: "不能输入空格",
        trigger: "change",
      },
    ],
}

methods：

 private getCode() {
    if (this.emailForm.email != "") {
      this.codedisObj.codeDisabled = true;
      // this.get(
      //   { api: "/system/user/sendEmail/" + this.emailForm.email },
      //   (res) => {
      //     if (res.code == 200) {

      //     }
      //   }
      // );
      const Countdown = 60;
      if (!this.timer) {
        this.countdown == Countdown;
        this.timer = setInterval(() => {
          if (this.countdown > 0 && this.countdown <= 60) {
            this.countdown--;
            if (this.countdown !== 0) {
              this.codedisObj.codeDisabled = true;
              this.codedisObj.codeMsg = "重新发送(" + this.countdown + ")";
            } else {
              clearInterval(this.timer);
              this.codedisObj.codeMsg = "获取短信验证码";
              this.countdown = 60;
              this.timer = null;
              this.codedisObj.codeDisabled = false;
            }
          }
        }, 1000);
      }
    } else {
      this.codedisObj.codeDisabled = false;
    }
  }