vue封装手机验证码

蔚落 2021-09-03 09:06 487阅读 0赞 
  1. // 获取验证码
  2. let endMsRes = new Date().getTime() + 45000;
  3. localStorage.setItem("myEndTime", JSON.stringify(endMsRes));
  4. this.codeCountDown(endMsRes);
  6. // 存储验证码时隔
  7.     codeCountDown(endMsRes) { 
  8.       this.BtnStatus = false;
  9.       this.countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000);
  10.       let time = setTimeout(() => { 
  11.         this.countDownTime--;
  12.         if (this.countDownTime < 1) { 
  13.           this.BtnStatus = true;
  14.           this.countDownTime = 45;
  15.           localStorage.removeItem("myEndTime");
  16.           clearTimeout(time);
  17.         } else { 
  18.           this.codeCountDown(endMsRes);
  19.         }
  20.       }, 1000);
  21.     },
  23.  created() { 
  24.     // 判断下本地是否存在验证码时隔
  25.     let myEndTime = localStorage.getItem("myEndTime");
  26.     myEndTime && this.codeCountDown(myEndTime);
  27.   },

发表评论

表情：
评论列表 （有 0 条评论，487人围观）

还没有评论，来说两句吧...

相关阅读