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 相关文章推荐
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
node.js操作mysql(增删改查)
Jul 24 Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
js+canvas实现五子棋小游戏
Aug 02 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
迅雷下载《中学科技》怀旧期刊下载
2021/02/27 无线电
有关 PHP 和 MySQL 时区的一点总结
2008/03/26 PHP
解析php中的escape函数
2013/06/29 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
JS跨域问题详解
2014/11/25 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
js电话号码验证方法
2015/09/28 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
2017/09/18 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
Python程序设计入门(1)基本语法简介
2014/06/13 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
python自动化办公操作PPT的实现
2021/02/05 Python
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
简单说说tomcat的配置
2013/05/28 面试题
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
配置管理计划的主要内容有哪些
2014/06/20 面试题
工程测量与监理专业应届生求职信
2013/11/27 职场文书
幼儿园教师培训制度
2014/01/16 职场文书
大学生毕业求职自荐书范文
2014/02/04 职场文书
会计学毕业生求职信
2014/06/25 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
文明班级申报材料
2014/12/24 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
工程项目合作意向书
2015/05/08 职场文书
Java实现简单小画板
2022/06/10 Java/Android