美文网首页
发送验证码

发送验证码

作者: 程序媛_ | 来源:发表于2020-08-25 10:09 被阅读0次

// 验证码

countDown () {

this.hqyzm = this.totalTime + 's后重新发送' //这里解决60秒不见了的问题

let clock = window.setInterval(() => {

  this.totalTime--

  this.hqyzm = this.totalTime + 's后重新发送'

  if (this.totalTime < 0) {    //当倒计时小于0时清除定时器

    window.clearInterval(clock)

    this.hqyzm = '重新发送验证码'

    this.totalTime = 60

    }

},1000)

},

// 发送验证码

sendCode:function(){

var that=this;

var setTime=0;

if(!that.isSend){

that.isSend=true;

setTime=setInterval(function(){

that.wait--;

that.sendColor="color:#999";

that.codeFont=that.wait+"重新发送";

if(that.wait==0){

clearInterval(setTime);

that.codeFont="获取验证码";

that.isSend=false;

that.wait=60;

that.sendColor="color:#ff5b01";

}

},1000)

}

}

相关文章

  • 短信验证码深度解剖

    一、短信验证码运作机制 1. 验证码加密发送 在APP中点击发送验证码,向后台发送一个发送验证码请求; 后台收到请...

  • Django相关技术点文档

    Django总结 发送短信: 检查确认图片验证码 检查60s内是否发送过 否生成短信验证码 保存短信验证码以及发送...

  • 接口调用次数限制

    项目中出现这样的一个需求: 现在有一个发送验证码的接口,验证码是使用的腾讯云的发送验证码,费用取决于发送验证码的...

  • wueasy框架之验证码工具使用

    验证码工具 是一个解决通用验证码验证安全的问题,例如发送短信验证码、发送邮箱验证码等场景。 为什么要使用此工具? ...

  • 短信API实现自动化短信发送

    短信验证码接口示例,如何接入短信API接口实现短信自动发送功能; 网站如何实现自动发送短信验证码的功能,短信验证码...

  • 接入短信API,免费试用

    短信验证码接口示例,如何接入短信API接口实现短信自动发送功能; 网站如何实现自动发送短信验证码的功能,短信验证码...

  • 【Vue+DRF生鲜电商】14.用户注册发送短信验证码、登录字段

    欢迎访问我的博客专题 源码可访问 Github 查看 发送短信验证码 需要发送短信验证码,后端给一个发送短信的接口...

  • C#发送短信验证码

    业务: 手机端点击发送验证码,请求发送到java服务器端,由java调用榛子云短信接口,生成验证码并发送。 ...

  • 短信验证码攻击和暴力破解

    短信验证码攻击:1.使用burpsuite抓取发送验证码的包,将内容发送到Intruder中,点击Position...

  • 封装的阿里短信发送工具类

    生产验证码: 短信发送工具类:

网友评论

      本文标题:发送验证码

      本文链接:https://www.haomeiwen.com/subject/keuajktx.html