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 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
jquery 输入框数字限制插件
Nov 10 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
如何提高javascript加载速度
Dec 26 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
微信小程序 冒泡事件原理解析
Sep 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后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
php抽象类使用要点与注意事项分析
2015/02/09 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Python实现端口复用实例代码
2014/07/03 Python
介绍Python中的一些高级编程技巧
2015/04/02 Python
Python实现随机选择元素功能
2017/09/14 Python
Python文件读写保存操作的示例代码
2018/09/14 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
Pytorch之finetune使用详解
2020/01/18 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
新闻编辑自荐书范文
2014/02/12 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
详解Redis基本命令与使用场景
2021/06/01 Redis
python playwright之元素定位示例详解
2022/07/23 Python