手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js控制当再次点击按钮时的间隔时间
js控制当再次点击按钮时的间隔时间
摘要:复制代码代码如下:varwait=60;functionchange(){$o=$("#J_refresh_checkcode");if(w...

复制代码 代码如下:

<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>

<span>验证码</span>

<input name="checkCode" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" />

<img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt=""/>

<a id="J_refresh_checkcode">看不清,换一张</a>

<div id="J_checkcode_tip">

<div>

<i></i>

<div>

</div>

</div>

</div>

</div>

【js控制当再次点击按钮时的间隔时间】相关文章:

js实现点击链接后延迟3秒再跳转的方法

js控制excel打印完美解决方案

js控制网页前进和后退的方法

判断是否输入完毕再激活提交按钮

JQuery中DOM事件绑定用法详解

JavaScript点击按钮后弹出透明浮动层的方法

jQuery实现div随意拖动的实例代码(通用代码)

js光标定位文本框回车表单提交问题的解决方法

JavaScript中的acos()方法使用详解

js控制div弹出层实现方法

精品推荐
分类导航