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 实现窗口的最大化不论什么情况
Sep 03 Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 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
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
JS变量及其作用域
2017/03/29 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
python读取html中指定元素生成excle文件示例
2014/04/03 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
Python数据类型详解(二)列表
2016/05/08 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
HTML5 新旧语法标记对我们有什么好处
2012/12/13 HTML / CSS
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
临床医学系毕业生推荐信
2013/11/09 职场文书
公司财务工作总结的自我评价
2013/11/23 职场文书
兼职业务员岗位职责
2014/01/01 职场文书
写自荐信三大法宝
2014/01/24 职场文书
师德建设实施方案
2014/03/21 职场文书
蟋蟀的住宅教学反思
2014/04/26 职场文书
党员演讲稿
2014/09/04 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
教育实习指导教师评语
2014/12/31 职场文书
2016春节家属慰问信
2015/03/25 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS