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 相关文章推荐
js 数组的for循环到底应该怎么写?
May 31 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
JavaScript与jQuery实现的闪烁输入效果
Feb 18 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
Bootstrap整体框架之CSS12栅格系统
Dec 15 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
canvas绘制爱心的几种方法总结(推荐)
Oct 31 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
VUE兄弟组件传值操作实例分析
Oct 26 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 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
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
Jquery之美中不足小结
2011/02/16 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
python实现每次处理一个字符的三种方法
2014/10/09 Python
Python2.x和3.x下maketrans与translate函数使用上的不同
2015/04/13 Python
python发送HTTP请求的方法小结
2015/07/08 Python
python操作excel的方法
2018/08/16 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
Python自动创建Excel并获取内容
2020/09/16 Python
python中time tzset()函数实例用法
2021/02/18 Python
中国医药集团国药在线:国药网
2017/02/06 全球购物
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
面料业务员岗位职责
2013/12/26 职场文书
护理助产毕业生的求职信
2014/03/02 职场文书
五四青年节演讲稿
2014/05/26 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
英文道歉信
2015/01/20 职场文书
行政申诉状范文
2015/05/20 职场文书
Python Pandas解析读写 CSV 文件
2022/04/11 Python
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server