问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

html5的button标签时间限制点击？

头像
Oxdation
    3811017

    html5的button标签时间限制点击？
    1.我的html代码如下：

     <!DOCTYPE HTML>
    <html>
    <body>
    
    <button type="button">Click Me!</button>
    </body>
    </html>

    2.我如何使用js，或者其他代码来限制点击？但不是一直限制点击，而是在我运行上面html页面后，开始倒计时，打个比方：在运行上面的页面后，这时我不能点击它，我需要等待一分钟或者三分钟后才能点击。这个问题应该非常简单，但是我不知道怎么做，抱歉请原谅。
    3.提前感谢任何回复，给我这个陌生人予以帮助！

    javascriptphpcsshtml
    阅读 4.7k
    3 个回答
    得票最新
    头像
    随机
      62716
      ✓ 已被采纳

      设置按钮为 disable就点击不了

      <button id="btn" type="button" disable>Click Me!</button>

      然后过几分钟或者其他才能点击 你移除disable就可以了

      var btn = document.querySelector('#btn'), timer;
clearTimeout(timer)
timer = setTimeout(function () {
    btn.removeAttribute('disable');
}, 3000)
      头像
      zzgzzg00
        3.7k21420
        var canClick=false;
    setTimeout(function(){
        canClick=true;
    },3000);
    document.querySelector('button').onclick=function(){
        if(!canClick){
            return false;
        }
        alert(1);
    }
        头像
        HasaKI
          192816

          不要用定时器!!!!!!!!!! 最实用的办法, 可以添加一个额外的state 根据state 来判断是否是disable

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题