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 Event学习第五章 高级事件注册模型
Feb 07 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
Vue.js 表单校验插件
Aug 14 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
测量JavaScript函数的性能各种方式对比
Apr 27 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/02 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
php中smarty区域循环的方法
2015/06/11 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
php判断目录存在的简单方法
2019/09/26 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
python中二维阵列的变换实例
2014/10/09 Python
Python之Web框架Django项目搭建全过程
2017/05/02 Python
Python随机读取文件实现实例
2017/05/25 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Virtualenv 搭建 Py项目运行环境的教程详解
2020/06/22 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
优秀毕业大学生推荐信
2013/11/13 职场文书
医学专业五年以上个人求职信
2013/12/03 职场文书
物流专业求职计划书
2014/01/10 职场文书
财务总监管理岗位职责
2014/03/08 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
公司内部升职自荐信
2015/03/27 职场文书
全国助残日活动总结
2015/05/11 职场文书