技术达人阐述js控制再次点击按钮之间的间隔时间可防止重复提交
时间:2022-01-21 22:40:40|来源:网络精心整理
针对大家比较关心的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" 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>
看完这篇关于js控制再次点击按钮之间的间隔时间可防止重复提交的教程,如果你的电脑也遇到了这种情况,可以试试上面的方法哦。更多相关教程,请继续关注我们。
上一篇:专家讲诉JS中产生20位随机数以0-9为例也可以是a-z A-Z
下一篇:资深技术员叙述json属性名为什么要双引号(个人猜测)
本文标题:技术达人阐述js控制再次点击按钮之间的间隔时间可防止重复提交
本文地址:https://www.tabangni.com/jsstudy/42250.html
查看更多与“间隔时间再次点击”有关的文章
推荐阅读
- 1技术达人阐述js控制再次点击按钮之间的间隔时间可防止重复提交
- 2资深技术员讲述微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
- 3老牌技术员演示用Javascript评估用户输入密码的强度(Knockout版)
- 4老牌码农普及JavaScript 自动完成脚本整理(33个)
- 5技术牛人讲诉JS实现同时搜索百度和必应的方法
- 6笔者传授利用Js的console对象,在控制台打印调式信息测试Js的实现
- 7技术牛人阐述bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
- 8笔者讲述仿淘宝首页分类列表效果实现代码
- 9主编教您纯JS实现可拖拽表单的简单实例
- 10大师细说javascript中获取元素标签中间的内容的实现方法
最近更新
- 01-21技术达人阐述js控制再次点击按钮之间的间隔时间可防止重复提交
- 01-21资深技术员讲述微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
- 01-21php中文件上传的安全问题
- 01-21PHP用户指南-cookies部分
- 01-21色色整理的PHP面试题集锦
- 01-21解析PHP中empty is_null和isset的测试
- 01-21老牌技术员演示用Javascript评估用户输入密码的强度(Knockout版)
- 01-21oracle 11g导出数据时报ORA 1455错误的处理方法
- 01-21高级技术员演示详解flex实现左右布局中按钮溢出隐藏效果
- 01-21权威技术员指导CSS 教程之内容设置的一些语法