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 相关文章推荐
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
Feb 02 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
深入研究React中setState源码
Nov 17 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
js逆向解密之网络爬虫
May 30 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 Javascript
JavaScript获取URL参数的方法分享
Apr 07 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
php递归json类实例
2014/12/02 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
javascript实现的listview效果
2007/04/28 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
JS实现的抛物线运动效果示例
2018/01/30 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
教大家使用Python SqlAlchemy
2016/02/12 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
python获取本机所有IP地址的方法
2018/12/26 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
幼儿园大班开学教师寄语
2014/04/03 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python