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 相关文章推荐
js类 from qq
Nov 13 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
jQuery取消特定的click事件
Feb 29 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
jquery插件格式实例分析
Jun 16 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
详解微信小程序回到顶部的两种方式
May 09 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 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
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
CI框架Session.php源码分析
2014/11/03 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
Node.js实现简单聊天服务器
2014/06/20 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
python访问sqlserver示例
2014/02/10 Python
wxPython框架类和面板类的使用实例
2014/09/28 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
django_orm查询性能优化方法
2018/08/20 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
高中毕业自我鉴定
2013/12/13 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
网络编辑职责
2014/03/01 职场文书
星级党支部申报材料
2014/05/31 职场文书
单位租房协议书样本
2014/10/30 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书