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

代码如下:
   [ 其他 ] 运行代码    下载代码
<!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实现表单点击倒计时



7 9



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


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js表单按钮 js提交表单 js验证表单 js按钮 js表单 javascript提交表单 javascript验证表单 javascript按钮 javascript表单 js日期时间 javascript日期时间 js时间轴 javascript时间轴

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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