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 弹出层实现代码
Oct 30 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
node.js中的fs.existsSync方法使用说明
Dec 17 Javascript
chrome调试javascript详解
Oct 21 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
js实现时间日期校验
May 26 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
Vue+Vant 图片上传加显示的案例
Nov 03 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文件读写操作之文件写入代码
2011/01/13 PHP
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
thinkphp自带验证码全面解析
2016/09/18 PHP
php获取今日开始时间和结束时间的方法
2017/02/27 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
php无限极分类实现方法分析
2019/07/04 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
深入理解Django的中间件middleware
2018/03/14 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
详解python3类型注释annotations实用案例
2021/01/20 Python
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
strstr()的简单实现
2013/09/26 面试题
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
delegate与普通函数的区别
2014/01/22 面试题
教师研修随笔感言
2014/01/23 职场文书
高三政治教学反思
2014/02/06 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
大学生在校表现评语
2014/12/31 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
mysql数据库隔离级别详解
2022/06/16 MySQL
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS