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 相关文章推荐
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
跟我学习javascript的浮点数精度
Nov 16 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
javascript self对象使用详解
Oct 18 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
vue+Element中table表格实现可编辑(select下拉框)
May 21 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
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
js简单抽奖代码
2015/01/16 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
JS JSOP跨域请求实例详解
2016/07/04 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
Python3 伪装浏览器的方法示例
2017/11/23 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
python 二维数组90度旋转的方法
2019/01/28 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
德国专业木制品经销商:Holz-Direkt24
2019/12/26 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
《草原的早晨》教学反思
2014/04/08 职场文书
公司车辆维修管理制度
2015/08/05 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js