手机
当前位置:查字典教程网 >编程开发 >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控制当再次点击按钮时的间隔时间】相关文章:

javascript实现点击后变换按钮显示文字的方法

JS获取当前脚本文件的绝对路径

jquery控制表单输入框显示默认值的方法

JQuery中DOM事件绑定用法详解

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

打字效果

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

javascript实时显示当天日期的方法

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

用Node.js通过sitemap.xml批量抓取美女图片

精品推荐
分类导航