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常见表单应用技巧
Jan 09 Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 Javascript
jQuery html()等方法介绍
Nov 18 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
2019最新21个MySQL高频面试题介绍
Feb 06 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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下通过file_get_contents的代理使用方法
2011/02/16 PHP
深入PHP异步执行的详解
2013/06/03 PHP
DEDECMS首页调用图片集里的多张图片
2015/06/05 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
Python编程入门的一些基本知识
2015/05/13 Python
python添加模块搜索路径方法
2017/09/11 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
python输出带颜色字体实例方法
2019/09/01 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
C++的几个面试题附答案
2016/08/03 面试题
学生实习推荐信范文
2013/11/26 职场文书
顶岗实习计划书
2014/01/10 职场文书
普通员工辞职信
2014/01/17 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
任命书模板
2014/06/04 职场文书
关于迟到的检讨书
2015/05/06 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
移除Selenium中window.navigator.webdriver值
2022/06/10 Python