如果只是单纯的想要防止用户频繁操作, 可以做个简单的定时器来实现节流的效果, 完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>防止重复点击</title>
</head>
<body>
<div>
<button id='mybtn' onclick='myclick()'>点击</button>
</div>
</body>
<script>
var isclick= true;
function myclick(){
if(isclick){
isclick= false;
//下面添加需要执行的事件
console.log(1)
//定时器
setTimeout(function(){
isclick = true;
}, 1000);
}else{
console.log('点一次就够啦,正在加紧处理中, 请稍等片刻...')
}
}
</script>
</html>
好好看好好学, 很多东西就是使用的很基础的原理.加油!
版权声明：本文为weixin_40424347原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。