纯js发送验证码，简单的倒计时
2016-11-28 00:00
295 查看
<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>按钮倒计时</title>
</head>
<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
var countdown = 60;
function settime(val) {
var int = setTimeout(function() {
settime(val)
}, 1000)
if(countdown == 0) {
val.removeAttribute("disabled");
val.value = "免费获取验证码";
self.clearInterval(int);
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value = "重新发送(" + countdown + ")";
countdown--;
}
}
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>按钮倒计时</title>
</head>
<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
var countdown = 60;
function settime(val) {
var int = setTimeout(function() {
settime(val)
}, 1000)
if(countdown == 0) {
val.removeAttribute("disabled");
val.value = "免费获取验证码";
self.clearInterval(int);
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value = "重新发送(" + countdown + ")";
countdown--;
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- js+servlet 实现发送短信验证码，并开始倒计时，进行验证
- js获取验证码倒计时60s(超简单)
- 单击按钮发送验证码,出现倒计时的简单实例
- js实现按钮重新发送验证码倒计时效果
- JS实现发送验证码进行倒计时
- JS实现发送验证码倒计时
- 手机验证 发送验证码倒计时js
- Jquery简单的发送验证码倒计时
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- js发送短信倒计时的简单实现方法
- JavaScript：使用js实现发送邮箱验证码，按钮倒计时
- js实现发送验证码后的倒计时功能
- 用户点击获取验证码之后我们会发送一条信息到用户手机，然后就会出现一个倒计时按钮，很像支付宝手机付款效果了，下面我给大家分享两个js效果
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- js发送短信倒计时的简单实现
- js倒计时发送验证码按钮
- 手机注册发送验证码倒计时的简单实例
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- js"发送验证码"倒计时效果！