javascript - 将按钮禁用5秒后再执其它操作，JS该怎么写？

问题描述

问 题

<a id="addbtn" class="btn btn-primary">添加</a>

给这个按钮添加一个禁用5秒的限制。
使用场景：点击按钮，之后禁用，5秒倒计时，过5秒后才可以再次点击。
请问，大侠们，这个场景要怎么写？
我在网上找了好几个，不过都有问题，用不了。

解决方案

var btn = $('#addbtn');
btn.attr('disabled', 'disabled');
var txt = btn.text();
var count = 5;
var func = function() {
    if (count == 0) {
        btn.removeAttr('disabled');
        btn.text(txt);
    } else {
        btn.text(txt + ' (' + count + ')');
        count--;
        setTimeout(func, 1000);
    }
};
setTimeout(func, 1000);

写到按钮的点击事件里。

这篇关于javascript - 将按钮禁用5秒后再执其它操作，JS该怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！