鍍金池/ 問答/PHP  HTML/ html5的button標(biāo)簽時(shí)間限制點(diǎn)擊？

html5的button標(biāo)簽時(shí)間限制點(diǎn)擊？

html5的button標(biāo)簽時(shí)間限制點(diǎn)擊？
1.我的html代碼如下：

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

2.我如何使用js，或者其他代碼來(lái)限制點(diǎn)擊？但不是一直限制點(diǎn)擊，而是在我運(yùn)行上面html頁(yè)面后，開始倒計(jì)時(shí)，打個(gè)比方：在運(yùn)行上面的頁(yè)面后，這時(shí)我不能點(diǎn)擊它，我需要等待一分鐘或者三分鐘后才能點(diǎn)擊。這個(gè)問題應(yīng)該非常簡(jiǎn)單，但是我不知道怎么做，抱歉請(qǐng)?jiān)彙?br>3.提前感謝任何回復(fù)，給我這個(gè)陌生人予以幫助！

回答
編輯回答
孤巷

不要用定時(shí)器!!!!!!!!!! 最實(shí)用的辦法, 可以添加一個(gè)額外的state 根據(jù)state 來(lái)判斷是否是disable

2017年1月22日 02:44
編輯回答
懶洋洋

設(shè)置按鈕為 disable就點(diǎn)擊不了

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

然后過(guò)幾分鐘或者其他才能點(diǎn)擊 你移除disable就可以了

var btn = document.querySelector('#btn'), timer;
clearTimeout(timer)
timer = setTimeout(function () {
    btn.removeAttribute('disable');
}, 3000)
2017年1月16日 14:45
編輯回答
尛憇藌
var canClick=false;
    setTimeout(function(){
        canClick=true;
    },3000);
    document.querySelector('button').onclick=function(){
        if(!canClick){
            return false;
        }
        alert(1);
    }
2017年5月18日 14:45