【备忘】按钮倒计时效果

按钮点击后禁用5秒

$(".xnxf-btn").removeAttr("disabled"); //按钮禁用时刷新并不会恢复?
$(".xnxf-btn").click(function () {
    var t = 5;
    var tempHtml = $(".xnxf-btn").html();
    $(this).attr("disabled", "disabled");
    $(this).html(tempHtml + "(" + t + "s" + ")");
    var n = setInterval(function () {
            t -= 1;
            $(".xnxf-btn").html(tempHtml + "(" + t + "s" + ")");
            if (t == 0) {
                $(".xnxf-btn").removeAttr("disabled");
                $(".xnxf-btn").html(tempHtml);
                clearInterval(n);
            }
        }, 1000);
    // do sth
});

原文链接:https://www.wdssmq.com/post/20170113207.html

评论系统暂不可用