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 相关文章推荐
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
Jun 25 Javascript
layui实现动态和静态分页
Apr 28 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 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
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
详谈PHP编码转换问题
2015/07/28 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
php实现文章评论系统
2019/02/18 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
IE JS编程需注意的内存释放问题
2009/06/23 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
利用jquery写的左右轮播图特效
2014/02/12 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
vue 中的动态传参和query传参操作
2020/11/09 Javascript
Python yield使用方法示例
2013/12/04 Python
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
pycharm设置注释颜色的方法
2018/05/23 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
实例详解Python模块decimal
2019/06/26 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
Pandas的数据过滤实现
2021/01/15 Python
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
保护环境建议书300字
2014/05/13 职场文书
企业标语口号
2014/06/10 职场文书
关键在于落实心得体会
2014/09/03 职场文书
2014年服务员工作总结
2014/11/18 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
MySQL批量更新不同表中的数据
2022/05/11 MySQL