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 控制弹出窗口
Apr 10 Javascript
Javascript中的数学函数集合
May 08 Javascript
js 弹出菜单/窗口效果
Oct 30 Javascript
原生js编写autoComplete插件
Apr 13 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
vue.extend与vue.component的区别和联系
Sep 19 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
详解Vue中的watch和computed
Nov 09 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 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
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
JS高级笔记
2011/07/13 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
创建一般js对象的几种方式
2017/01/19 Javascript
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python functools模块学习总结
2015/05/09 Python
Python3中的2to3转换工具使用示例
2015/06/12 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python面向对象特殊成员
2017/04/24 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
200行python代码实现2048游戏
2019/07/17 Python
python标记语句块使用方法总结
2019/08/05 Python
python计算n的阶乘的方法代码
2019/10/25 Python
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
图书室管理制度
2014/01/19 职场文书
料理师求职信
2014/01/30 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
亚运会口号
2014/06/20 职场文书
电力培训心得体会
2014/09/02 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
办公室岗位职责范本
2015/04/11 职场文书
大学团日活动总结书
2015/05/11 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
MySQL三种方式实现递归查询
2022/04/18 MySQL