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 form 隐藏的input 选择
Apr 29 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
JavaScript实现的多种鼠标拖放效果
Nov 03 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
微信小程序实现图片预加载组件
Jan 18 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
vue实现tab栏点击高亮效果
Aug 19 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
如何去掉文章里的 html 语法
2006/10/09 PHP
php $_SERVER当前完整url的写法
2009/11/12 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
JavaScript函数详解
2015/02/27 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
2015/10/16 Javascript
详解javascript遍历方式
2015/11/11 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
基于Python实现的ID3决策树功能示例
2018/01/02 Python
python3+PyQt5实现柱状图
2018/04/24 Python
Python实现图片识别加翻译功能
2019/12/26 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
canvas绘制太极图的实现示例
2020/04/29 HTML / CSS
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
园林毕业生自我鉴定范文
2013/12/29 职场文书
食品安全检查制度
2014/02/03 职场文书
手机被没收检讨书
2014/02/22 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
消防志愿者活动方案
2014/08/23 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
同意迁入证明模板
2014/10/26 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
方法汇总:Python 安装第三方库常用
2022/04/26 Python