首頁猿問 html5的button標(biāo)簽時間限...

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

PHP

繁星coding 2019-03-05 20:10:11

html5的button標(biāo)簽時間限制點(diǎn)擊？1.我的html代碼如下： <!DOCTYPE HTML> <html> <body> <button type="button">Click Me!</button> </body> </html> 2.我如何使用js，或者其他代碼來限制點(diǎn)擊？但不是一直限制點(diǎn)擊，而是在我運(yùn)行上面html頁面后，開始倒計(jì)時，打個比方：在運(yùn)行上面的頁面后，這時我不能點(diǎn)擊它，我需要等待一分鐘或者三分鐘后才能點(diǎn)擊。這個問題應(yīng)該非常簡單，但是我不知道怎么做，抱歉請?jiān)彙?.提前感謝任何回復(fù)，給我這個陌生人予以幫助！

查看完整描述

3 回答

慕運(yùn)維8079593

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超5個贊

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

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

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

var btn = document.querySelector('#btn'), timer;
clearTimeout(timer)
timer = setTimeout(function () {
    btn.removeAttribute('disable');
}, 3000)

反對回復(fù) 2019-03-18

UYOU

TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個贊

var canClick=false;
    setTimeout(function(){
        canClick=true;
    },3000);
    document.querySelector('button').onclick=function(){
        if(!canClick){
            return false;
        }
        alert(1);
    }

反對回復(fù) 2019-03-18