js控制再次点击按钮之间的间隔时间可防止重复提交

 更新时间:2014年08月01日 11:23:06   投稿:whsnow  
使用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>

相关文章

  • 两个函数相互调用如何防止死循环

    两个函数相互调用如何防止死循环

    这篇文章主要介绍了两个函数相互调用如何防止死循环问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • 表单提交(插入效果)javascript

    表单提交(插入效果)javascript

    表单提交(插入效果)javascript...
    2006-08-08
  • Bootstrap按钮下拉菜单组件详解

    Bootstrap按钮下拉菜单组件详解

    这篇文章主要为大家详细介绍了Bootstrap按钮下拉菜单组件,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 微信小程序 scroll-view实现锚点滑动的示例

    微信小程序 scroll-view实现锚点滑动的示例

    本篇文章主要介绍了微信小程序 scroll-view实现锚点滑动的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • JS实现点击上移下移LI行数据的方法

    JS实现点击上移下移LI行数据的方法

    这篇文章主要介绍了JS实现点击上移下移LI行数据的方法,涉及javascript针对LI列表动态排序的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js实现文字无缝向上滚动

    js实现文字无缝向上滚动

    本文主要分享了js实现文字无缝向上滚动的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 纯js代码制作的网页时钟特效【附实例】

    纯js代码制作的网页时钟特效【附实例】

    下面小编就为大家带来一篇纯js代码制作的网页时钟特效【附实例】。小编觉得听错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-03-03
  • JavaScript 注册事件代码

    JavaScript 注册事件代码

    最基本的写法 ,然后实现Js和HTML的分离,然后又实现对同一个元素注册多个事件,期间,我们发现注册事件的兼容性问题。最后我们对注册事件的方法进行封装,方便以后使用。
    2011-01-01
  • javascript获取鼠标点击元素对象(示例代码)

    javascript获取鼠标点击元素对象(示例代码)

    本篇文章主要介绍了利用javascript获取鼠标点击元素对象的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JavaScript制作简易的微信打飞机

    JavaScript制作简易的微信打飞机

    这篇文章主要介绍了JavaScript制作简易的微信打飞机,只有简单的功能,大神们可以自由扩展哈。有需要的小伙伴可以参考下。
    2015-03-03

最新评论