为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

PHP
繁星coding 2019-03-05 20:10:11
html5的button标签时间限制点击?1.我的html代码如下: <!DOCTYPE HTML> <html> <body> <button type="button">Click Me!</button> </body> </html> 2.我如何使用js,或者其他代码来限制点击?但不是一直限制点击,而是在我运行上面html页面后,开始倒计时,打个比方:在运行上面的页面后,这时我不能点击它,我需要等待一分钟或者三分钟后才能点击。这个问题应该非常简单,但是我不知道怎么做,抱歉请原谅。3.提前感谢任何回复,给我这个陌生人予以帮助!
查看完整描述

3 回答

?
慕运维8079593

TA贡献1876条经验 获得超5个赞

设置按钮为 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)
查看完整回答
反对 回复 2019-03-18
?
UYOU

TA贡献1878条经验 获得超4个赞

var canClick=false;
    setTimeout(function(){
        canClick=true;
    },3000);
    document.querySelector('button').onclick=function(){
        if(!canClick){
            return false;
        }
        alert(1);
    }
查看完整回答
反对 回复 2019-03-18
?
MM们

TA贡献1886条经验 获得超2个赞

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

查看完整回答
反对 回复 2019-03-18
  • 3 回答
  • 0 关注
  • 1227 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信