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 相关文章推荐
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
jquery indexOf使用方法
Aug 19 Javascript
jquery ready函数、css函数及text()使用示例
Sep 27 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
动态内存分配导致影响Javascript性能的问题
Dec 18 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
浅谈JavaScript作用域
Dec 06 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 mongodb扩展时 需要注意的事项
2013/06/18 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
PHP单链表的实现代码
2016/07/05 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
Javascript注入技巧
2007/06/22 Javascript
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
JavaScript 数组详解
2013/10/10 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
Python中的pack和unpack的使用
2018/03/12 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
解决python运行启动报错问题
2020/06/01 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
戴森美国官网:Dyson美国
2016/09/11 全球购物
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
软件测试笔试题
2012/10/25 面试题
运动会通讯稿200字
2014/02/16 职场文书
喝酒检查书范文
2014/02/23 职场文书
收款授权委托书
2014/10/02 职场文书
北京天坛导游词
2015/02/12 职场文书
2016春季运动会开幕词
2016/03/04 职场文书
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python