Как заблокировать кнопку на некоторое время?

Question

[Drold]

Привет!
Подскажите, как по средствами JS заблокировать кнопку(допустим на секунд 5).
И второй вопрос, как сделать по средствами JS, чтобы кнопка нажималась только один раз и потом блокировалась?
В интернете не нашел такого..

Answer 1

[Mikhail Osher]

$('.my-button').on('click', function() {
  var $this = $(this);

  $this.attr('disabled', true);

  // разблокировка
  setTimeout(function() {
    $this.attr('disabled', false);
  }, 5000);
});

Comments

[Илья Шатохин]

Только правильно использовать prop, а не attr.

[Mikhail Osher]

Илья Шатохин: нет. disabled - это аттрибут тэга.

[Mikhail Osher]

Илья Шатохин: Attributes are defined by HTML. Properties are defined by DOM.

[Илья Шатохин]

Mikhail Osher: attr в данный момент меняет состояние элемента (но не должен), это legacy поведение (при выходе 1.6 была попытка исправить это), о котором сожалеют создатели jquery, но не могут убрать из-за распространения вашей ошибки среди программистов. Ну и для закрепления материала - api.jquery.com/prop (см. раздел "Attributes vs. Properties")

Answer 2

[Павел Кононенко]

Вбейте, пожалуйста, в гугле:
javascript disable button after click

Answer 3

[Дмитрий Ковальский]

Плохо искали видимо . Надеюсь не надо искать скрипты о том как проставить значение этого атрибута и setTimeout ?

Answer 4

[Виталий Инчин ☢]

«•°Та-да°•»