js控制再次点击按钮之间的间隔时间可防止重复提交


Posted in Javascript onAugust 01, 2014
<script type="text/javascript" language="javascript"> 
var wait = 60; 
function change() { 
$o = $("#J_refresh_checkcode"); 
if(wait == 0) { 
$o.removeAttr("disabled"); 
$o.html("看不清?换一张"); 
wait = 60; 
} else { 
$o.attr("disabled", true); 
$o.attr("font-color", "gray"); 
$o.html(wait + "秒后可重新获取"); 
wait--; 
if(wait == 59) { 
var imgNode = document.getElementById("vimg"); 
imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题 
$("#J_checkcode_tip").addClass("hide"); 
$("#J_checkcode_tip>div").html(""); 
$("#<%=hidPicMessage.ClientID%>").val(""); 
} 
setTimeout(function() { 
change() 
}, 
1000) 
} 
}</script>

则 html如下:

<div class="kv_item clear"> 
<span class="kv_label fl">验证码</span> 
<input name="checkCode" class="i_textshort fl" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" /> 
<img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt="" style="float:left;margin:-1px 0 0 3px"/> 
<a id="J_refresh_checkcode" onclick="change()">看不清,换一张</a> 
<div class="msg msg-inline msg-weak hide" id="J_checkcode_tip"> 
<div class="msg-default msg-error"> 
<i class="msg-icon"></i> 
<div class="msg-content"> 
</div> 
</div> 
</div> 
</div>
Javascript 相关文章推荐
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
vue中简单弹框dialog的实现方法
Feb 26 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
Sep 10 Javascript
批量修改标签css样式以input标签为例
Jul 31 #Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 #Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 #Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 #Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 #Javascript
一个不错的字符串转码解码函数(自写)
Jul 31 #Javascript
javascript 获取函数形参个数
Jul 31 #Javascript
You might like
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
Yii2中事务的使用实例代码详解
2016/09/07 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
JavaScript中链式调用之研习
2011/04/07 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
JavaScript多线程运行库Nexus.js详解
2017/12/22 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
jquery登录的异步验证操作示例
2019/05/09 jQuery
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
js实现头像上传并且可预览提交
2020/12/25 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
Python 爬虫的原理
2020/07/30 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
运动会稿件100字
2014/02/21 职场文书
土地转让协议书
2014/09/27 职场文书
初中毕业生感言
2015/07/31 职场文书
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js
使用refresh_token实现无感刷新页面
2022/04/26 Javascript