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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
Jan 02 Javascript
js登录弹出层特效
Mar 07 Javascript
JavaScript 异常处理 详解
Feb 06 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
巧用weui.topTips验证数据的实例
Apr 17 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
vue实现跨域的方法分析
May 21 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
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生成EXCEL的东东
2006/10/09 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
第五章 php数组操作
2011/12/30 PHP
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
js parsefloat parseint 转换函数
2010/01/21 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
2012/05/23 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
Python实现Linux下守护进程的编写方法
2014/08/22 Python
python中Flask框架简单入门实例
2015/03/21 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
浅析Python中的join()方法的使用
2015/05/19 Python
Python变量和字符串详解
2017/04/29 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
java判断三位数的实例讲解
2019/06/10 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
Python的对象传递与Copy函数使用详解
2019/12/26 Python
python实现图像拼接
2020/03/05 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
优秀学生自我鉴定范例
2013/12/18 职场文书
芙蓉镇观后感
2015/06/10 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
旅游安全责任协议书
2016/03/22 职场文书