为了防止按钮的重复点击,可以浏览者点击以后间隔一定时间才能再点击,下面就通过代码实例介绍一下如何实现此功能。

代码如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" />
<head>
<title>51前端</title>
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
  if (wait == 0) { 
    o.removeAttribute("disabled"); 
    o.value="免费获取验证码"; 
    wait = 60; 
  } 
  else { 
    o.setAttribute("disabled", true); 
    o.value=wait+"秒后可以重新发送"; 
    wait--; 
    setTimeout(function(){ 
      time(o) 
    }, 1000) 
  } 
} 
window.onload=function(){
  var bt=document.getElementById("btn");
  bt.onclick=function(){
    time(this);
  } 
}
</script> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
</body> 
</html>

代码描述:javascript 实现表单 点击倒计时。javascript实现表单点击倒计时



152 202



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到