Jquery小菜鸟---防止按钮在短时间内被多次点击

如果一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，为防止这种情况，可以设定一定时间内只能点击一次，其他时间禁止点击按钮。

代码如下：

<div>
<input type="button" value=" 点点点 " id="btn" οnclick="show()" />
</div>
<script type="text/javascript">
/*
timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定时执行
timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循环执行
*/

var nn = 0;
var tipId;
var tipO;
function show() {
nn = 10;
tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法
$("#btn").removeAttr("onclick");//取消点击事件
tipO = window.setTimeout("getclick()", 10000);//10秒后给定点击事件
}

function getclick() {
$("#btn").attr("onclick", "show()"); //给定点击事件
window.clearTimeout(tipO);//取消定时事件
}
</script>

转载于:https://www.cnblogs.com/xuange/p/3696442.html

Jquery小菜鸟---防止按钮在短时间内被多次点击相关推荐

防止按钮在短时间内被多次点击多次触发事件
问题描述: 如何防止在短时间内多次点击按钮导致接口被多次调用影响性能的问题解决方案: 设置一个定时器,特定时间内多次点击,只触发最后一次调用直接上代码 var timer = null; $('. ...
使用函数节流思想避免 SAP UI5 应用里按钮短时间内被高频重复点击试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
技术大牛VS小菜鸟VS客户—南昌某局的项目纪实
世界上分为三种人:第一种是精通技术的人(技术大牛),第二种是懂技术但不精通的人(小菜鸟),第三种是一点技术都不懂的人(客户). 当技术大牛和小菜鸟相遇,正如"师者传道授业解惑,学者程门立雪& ...
layui如何通过开关按钮实现div的隐藏于显现，展开时拥有动画效果（小菜鸟入门小白教程）
小菜鸟们冲鸭!! 由于本人是个小菜鸟,刚起步,所以写下遇到的点点滴滴,希望能给同是小菜鸟的大家带去一定的帮助吧! 一.问题描述由于是小菜鸟,所用最开始只会用普通的css按钮,然后通过onclick事 ...
必须学会使用的35个Jquery小技巧
收集的35个jQuery小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 2 3 4 5 $(document).ready(function(){ $(document).bind(&q ...
程序员都会的 35 个 jQuery 小技巧
收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 2 3 4 5 $(document).ready(function(){ $(document).b ...
手机网页UI框架jQuery Mobile介绍之按钮篇
一.按钮的生成 jQuery Mobile下,按钮的UI生成大致有3类,一是特定role角色标签内部的a标签生成,二是data-role为button的元素,三是按钮控件元素,例如<input ...
微信小程序——添加按钮格式
微信小程序--添加按钮步骤一:在wxml文件中添加按钮代码(图后提供可复制代码) <button class = "button_cat">炸炸呼呼</butt ...
jQuery小测试系列之jQuery基础知识
日期:2012-4-17 来源:GBin1.com 这是jQuery小测试系列第一部分:基础知识. 来源:jQuery小测试系列之jQuery基础知识
运维小菜鸟随笔Linux入门级操作命令（更新中。。。）
运维小菜鸟随笔&Linux入门级操作命令从事实施运维行业已三年有余,却从未系统的学习过Linux,一直停留在有问题找百度的境界.近日终于痛下决心,系统的梳理一下Linux相关知识,顺便看看, ...

Jquery小菜鸟---防止按钮在短时间内被多次点击

Jquery小菜鸟---防止按钮在短时间内被多次点击相关推荐

最新文章

热门文章