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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
javascript 短路法代码精简
Aug 20 Javascript
js 学习笔记(三)
Dec 29 Javascript
JQuery live函数
Dec 24 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
jQuery soColorPacker 网页拾色器
Jun 22 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
May 26 Javascript
vue如何引入sass全局变量
Jun 28 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 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制作登录异常ip检测功能的实例代码
2016/11/16 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
Python验证码识别处理实例
2015/12/28 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
求网格中的黑点分布
2013/11/06 面试题
演讲稿怎么写才完美
2014/01/02 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
预备党员思想汇报1000字
2014/10/07 职场文书
公司感谢信范文
2015/01/22 职场文书
搞笑老公保证书
2015/02/26 职场文书
辞职信怎么写
2015/02/27 职场文书
运动会观后感
2015/06/09 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
小组口号霸气押韵
2015/12/24 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书