JS 使用闭包函数 实现 当用户在3秒之内连续点击一个按钮，事件函数只执行一次

已于 2022-08-01 20:51:02 修改
阅读量1.6k 收藏 3
点赞数 1
文章标签： javascript servlet 前端
于 2022-08-01 20:49:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68166404/article/details/126109183
版权

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9. </head>
  11. <body>
  12.     <div>
  13.         <button οnclick="add()">点击</button>
  14.     </div>
  15. </body>
  17. </html>
  18. <script>
  19.     //声明一个值，值为true
  20.      var flag = true;
  21.     //点击按钮触发这个函数
  22.     function add() {
  23.     //不等于flag时
  24.          if (!flag) return
  25.     //执行以下代码
  26.         flag = false;
  27.         console.log(111);
  28.       setTimeout( () => {
  29.         flag = true;
  30.       }, 3000)
  31.     }
  32. </script>

用户昵称No.1
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值