首页 > 学习笔记 > JavaScript > 正文

js点击获取验证码倒计时效果

发布时间:2017-03-14 11:02:18 点击量:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="button" style="height:32px;width:120px;" value="点击发送验证码" onclick="sendCode(this)" />
<script type="text/javascript">
var clock = '';
var nums = 10;
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>

上一篇:规定时间自动点击某id

下一篇:判断访问的是移动端还是PC端,如果是移动端跳转移动端页面