JavaScript实现点击按钮后变灰避免多次重复提交


Posted in Javascript onJuly 15, 2013

注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击。下面是一个简单的例子:

<html> 
<head> 
<title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<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) 
} 
} 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html>
Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
Javascript常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
用javascript删除当前行,添加行(示例代码)
Nov 25 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
js 监控iframe URL的变化实例代码
Jul 12 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
JS实现购物车基本功能
Nov 08 Javascript
JS实现百度搜索框
Feb 25 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 #Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 #Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 #Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 #Javascript
JS中获取数据库中的值的方法
Jul 14 #Javascript
js 实现日期灵活格式化的小例子
Jul 14 #Javascript
仿谷歌主页js动画效果实现代码
Jul 14 #Javascript
You might like
php at(@)符号的用法简介
2009/07/11 PHP
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
PHP生成树的方法
2015/07/28 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
javascript实现一个简单的弹出窗
2016/02/22 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
canvas绘制七巧板
2017/02/03 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
html5使用canvas画一条线
2014/12/15 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
SQL面试题
2013/04/30 面试题
运动会入场解说词300字
2014/01/25 职场文书
美术社团活动总结
2014/06/27 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
师德师风整改措施
2014/10/24 职场文书
初中重阳节活动总结
2015/05/05 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
2015年教师节主持词
2015/07/03 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python