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实现unicode和字符的互相转换
Jul 18 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
file模式访问网页时iframe高度自适应解决方案
Jan 16 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
使用vue-router为每个路由配置各自的title
Jul 30 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
批量修改标签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生成静态html文件的三种方法
2013/06/18 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
Javascript延迟执行实现方法(setTimeout)
2010/12/30 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
layui导航栏实现代码
2017/05/19 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
小程序视频列表中视频的播放与停止的示例代码
2018/07/20 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
Python中的类与对象之描述符详解
2015/03/27 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
Python机器学习之scikit-learn库中KNN算法的封装与使用方法
2018/12/14 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
python文件选择对话框的操作方法
2019/06/27 Python
python numpy数组中的复制知识解析
2020/02/03 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
数据库的约束含义
2012/09/09 面试题
国际政治学专业推荐信
2014/09/26 职场文书
个人年终总结范文
2015/03/09 职场文书
工程部岗位职责范本
2015/04/11 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
HTML静态页面获取url参数和UserAgent的实现
2022/08/05 HTML / CSS