前端简单实现发生验证码倒计时功能

content: ‘发送验证码’, // 按钮里显示的内容
totalTime: 30, //记录具体倒计时时间

countDown() {
      //30秒内不能重复发生
      if(this.totalTime !== 30){
        return;
      }
      //获取验证码的接口
      this.getCaptcha();
		//倒计时功能
      let interval = window.setInterval(() => {
        this.totalTime--;
        this.content = this.totalTime + 's后重新发送';
        //小于等于0的时候停止倒计时
        if(this.totalTime <= 0){
         //停止倒计时方法
          window.clearInterval(interval);
          this.content = '发送验证码';
          this.totalTime = 30;
          return false;
        }
      },1000)
    },

你可能感兴趣的:(Vue,前端,javascript,vue.js)