前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue封装手机验证码

vue封装手机验证码

作者头像
马克社区
发布2022-05-10 18:08:56
3K0
发布2022-05-10 18:08:56
举报
文章被收录于专栏:高端IT
代码语言:javascript
复制
// 获取验证码
 let endMsRes = new Date().getTime() + 45000;
 localStorage.setItem(“myEndTime”, JSON.stringify(endMsRes));
 this.codeCountDown(endMsRes);
// 存储验证码时隔
 codeCountDown(endMsRes) {
 this.BtnStatus = false;
 this.countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000);
 let time = setTimeout(() => {
 this.countDownTime–;
 if (this.countDownTime < 1) {
 this.BtnStatus = true;
 this.countDownTime = 45;
 localStorage.removeItem(“myEndTime”);
 clearTimeout(time);
 } else {
 this.codeCountDown(endMsRes);
 }
 }, 1000);
 },

更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/118755557

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档