vue获取手机验证码60秒倒计时,不能点击按钮
2019-04-23 13:47
344 查看
vue获取手机验证码60秒倒计时,不能点击按钮
export const resend = element => { console.log(element) var num = 60 var timer = setInterval(function () { num-- element.innerHTML = num + '秒后重新获取' element.style.color = ' #ccc' element.disabled = ' disabled' if (num === 0) { element.disabled = '' element.style.color = ' #ffa600' element.innerHTML = '获取验证码' clearInterval(timer) } }, 1000)}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
相关文章推荐
- vue获取手机验证码60秒倒计时,不能点击按钮
- 点击按钮,实现60秒倒计时效果(发送手机验证码)
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- vue.js单击按钮获取手机验证码,倒计时禁用按钮功能效果
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- 对安卓获取验证码倒计时60秒Button按钮的简单封装
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现点击按钮后出现倒计时效果(用于实现发送手机验证码、邮箱验证码)
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- Angular.js实现获取验证码倒计时60秒按钮的简单方法
- jQuery 点击获取验证码按钮及倒计时功能
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- Jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码(未测试)
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码