js控制当再次点击按钮时的间隔时间


Posted in Javascript onJune 03, 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 相关文章推荐
JQuery选择器特辑 详细小结
May 14 Javascript
javascript 快速排序函数代码
May 30 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
bootstrap栅格系统示例代码分享
May 22 Javascript
js Dom实现换肤效果
Oct 21 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 #Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 #Javascript
node.js实现多图片上传实例
Jun 03 #Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 #Javascript
jquery处理json数据实例分析
Jun 03 #Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 #Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 #Javascript
You might like
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
php查询内存信息操作示例
2019/05/09 PHP
js防止表单重复提交实现代码
2012/09/05 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
js判断节假日实例代码
2017/12/27 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
原生实现一个react-redux的代码示例
2018/06/08 Javascript
Python下线程之间的共享和释放示例
2015/05/04 Python
Python中tell()方法的使用详解
2015/05/24 Python
在Python中操作文件之truncate()方法的使用教程
2015/05/25 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
python 实现多线程下载视频的代码
2019/11/15 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
Algenist奥杰尼官网:微藻抗衰老护肤品牌
2017/07/15 全球购物
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
作风大整顿心得体会
2014/09/10 职场文书
天坛导游词
2015/02/02 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫