客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
在很多app和网站中，我们登陆或者注册账号，会有一个发送短信验证码的地方1，然而为了防止恶意获取验证码，我们一般都设置了可点击的时间间隔，时间间隔1完了过后，便又可以继续发送，接下来用代码实现 代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
手机号码：<input type="text"><button>发送验证码</button>
<script>
var btn=document.querySelector('button')
var time=3
btn.addEventListener('click',function () {
btn.disabled=true
var timer=setInterval(function () {
if (time<0){
clearInterval(timer)
btn.disabled=false
btn.innerHTML='发送验证码'
time=3
}else {
btn.innerHTML = '还剩' + time + '秒'
time -= 1
}
},1000)
})
</script>
</body>
</html>
效果如下 代码解释 到此这篇关于用Javascript实现发送短信验证码间隔的文章就介绍到这了,更多相关js发送短信验证码内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论