鍍金池/ 問答/PHP  HTML/ html5的button標簽時間限制點擊？

html5的button標簽時間限制點擊？

html5的button標簽時間限制點擊？
1.我的html代碼如下：

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

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

回答
編輯回答
孤巷

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

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

設(shè)置按鈕為 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)
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