js控制当再次点击按钮时的间隔时间

更新时间：2014年06月03日 11:08:01 作者：

这篇文章主要介绍通过js如何控制当再次点击按钮是的间隔时间,需要的朋友可以参考下

 
<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封装实现模态框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
微信小程序自定义组件components(代码详解)
这篇文章主要介绍了微信小程序自定义组件components知识，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-10-10
javascript实现数独解法
数独（すうどく，Sūdoku）是一种运用纸、笔进行演算的逻辑游戏。玩家需要根据9×9盘面上的已知数字，推理出所有剩余空格的数字，并满足每一行、每一列、每一个粗线宫内的数字均含1-9，不重复。
2015-03-03
疯掉了,尽然有js写的操作系统
疯掉了,尽然有js写的操作系统...
2007-04-04
bootstrap模态框远程示例代码分享
这篇文章主要为大家详细介绍了bootstrap模态框远程示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
JS面试高频单线程与事件循环深入解析
JavaScript是一种单线程语言,它在任何给定时间只能执行一个任务,然而js确能够处理异步操作,这得益于其事件循环（Event Loop）机制,今天这篇文章带领大家深入理解JavaScript单线程特性,以及讲解事件循环和js多线程知识
2023-10-10
Javascript基础学习之十个重要问题
本文特别适合正在寻找Javascript开发工作的初学者。再搜索了许多Javascript面试问题后，发现这10个知识点很重要。让我们一起深入研究一下
2021-12-12
javascript创建元素和删除元素实例小结
这篇文章主要介绍了javascript创建元素和删除元素,结合实例形式总结分析了javascript针对页面元素的动态创建、删除及子元素操作相关实现技巧,需要的朋友可以参考下
2019-06-06
javascript实现左右控制无缝滚动
这篇文章主要介绍了javascript实现左右控制无缝滚动的方法及示例代码,需要的朋友可以参考下
2014-12-12
bootstrap table实例详解
本文通过实例代码给大家介绍了bootstrap table样式，非常不错，具有参考借鉴价值，需要的的朋友参考下
2017-01-01