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

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

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

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

2 回答

?
繁星coding

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

设置按钮为 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-19
?
紫衣仙女

TA贡献1839条经验 获得超15个赞

var canClick=false;

    setTimeout(function(){

        canClick=true;

    },3000);

    document.querySelector('button').onclick=function(){

        if(!canClick){

            return false;

        }

        alert(1);

    }


查看完整回答
反对 回复 2019-03-19
  • 2 回答
  • 0 关注
  • 410 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号