使按钮不可点击0.5秒

Question

假设我有一个这样的按钮：

 <button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="action()">
     {% verbatim %}{{{% endverbatim %} submit ? submit : '{{ 'modal.actions.ok'|trans }}' {% verbatim %}}}{% endverbatim %}
 </button>

我想让它在前0.5秒内无法点击（它在模态中，我需要在点击按钮之前加载一些动画），我怎么能实现它？

Answer 1

将默认按钮状态设置为disabled。然后，当您触发模态时，使用启用按钮的功能设置0.5秒setTimeout。

查看有关Timing Events with JavaScript的更多信息。

Answer 2

你可以试试这个：

$('#testbutton').attr("disabled", "true");
setTimeout(function(){$('#testbutton').removeAttr("disabled");}, 500);

您需要将“testbutton”替换为您为按钮或类提供的任何ID。