获取验证码倒计时

一个不懂前端的前端

已于 2022-05-27 16:36:14 修改

阅读量270

点赞数

文章标签： javascript vue.js 开发语言

于 2022-05-27 16:35:50 首次发布

本文链接：https://blog.csdn.net/m0_48115116/article/details/125006309

版权

标题获取验证码倒计时实现功能：

	点击“获取验证码” =>换成60s 开始倒计时。60s内只能发一次请求，

在这里插入代码片
<a-button @click="btnChexk" :disabled="btnDisabled" >{{codwBtnWord}}</a-button>


computed:{
		btnDisabled(){
			get(){
			  if(this.waitTime==61){
					if('手机号'){
							return false
					}
					return true
				}
				return true
			}
}
}
methods:{
btnChexk(){
var result = '手机号'
//发送获取短信接口 忽略
axios().then(res)

let that = this
  that.waitTime--
  that.btnDisabled = true
  this.codwBtnWord = `{  that.waitTime}s后重新获取`
  let timeS = setInterval(function(){
	if(that.waitTime>1){
	  that.waitTime--
	    this.codwBtnWord = `{  that.waitTime}s后重新获取`
	}else{
	clearInterval(timeS)
	that.codwBtnWord  = '获取验证码'
	that.btnDisabled  = false
	that.waitTime=61
	}
	})
	}
}