javascript 实现验证码按钮,点击30秒倒计时

最新推荐文章于 2021-06-10 20:48:54 发布

weixin_34413357

最新推荐文章于 2021-06-10 20:48:54 发布

阅读量324

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/ndweb/blog/669146

版权

为什么80%的码农都做不了架构师？>>>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" style="height:32px;width:120px;" value="点击发送验证码" οnclick="sendCode(this)" />

<script type="text/javascript">
var clock = '';
var nums = 30;
var btn;
function sendCode(thisBtn)
{
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums+'秒';
clock = setInterval(doLoop, 1000); //一秒执行一次
}

function doLoop()
{
nums--;
if(nums > 0){
btn.value = nums+'秒';
}else{
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = '重新发送';
nums = 10; //重置时间
}
}

</script>
</body>
</html>