js防止按钮重复点击

最新推荐文章于 2024-09-30 17:11:44 发布

仰淮

最新推荐文章于 2024-09-30 17:11:44 发布

阅读量373

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/huai42717/article/details/128845366

版权

该代码示例展示了如何使用JavaScript实现一个功能，即在用户点击按钮后3秒内阻止再次点击。函数`handleClick()`获取当前时间戳并与上一次点击时间对比，如果间隔小于3秒则弹出提示，否则更新点击时间并执行相应逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<div>
      <button onclick="handleClick()">按钮</button>
    </div>

   //点击按钮事件的处理方法
      function handleClick() {
        let nowTime = +new Date(); //获取当前时间的时间戳
        if (nowTime - this.clickTime < 3000) {
          //clickTime 是页面定义的一个全局变量，默认值为“-1”
          alert("已点击按钮,请3秒后再试~~");
          return;
        }
        this.clickTime = +new Date(); //将点击按钮的时间赋值到全局变量
        //点击按钮需要处理的逻辑代码~~
      }