Отмена disabled по таймеру у кнопки

243
10 декабря 2016, 10:33

На многих форумах видел таймер встроенный в кнопку, и пока время (отображающееся на таймере) не пройдет, кнопка находится в состоянии disabled. Буду благодарен за пример или рабочий скрипт. (гогл не помог)

Answer 1

$(function() { 
  $('button').click(function() { 
    var but = $(this); 
    var time = 30; //задаем время в течении которого кнопка будет не активна 
    var timeInterval = setInterval(function() { 
 
      if (time <= 0) { 
        clearInterval(timeInterval); 
      } 
      if (time == 0) { 
        $(but).children('span').html(""); 
        $(but).prop("disabled", false); 
      } else { 
        $(but).children('span').html(time); 
        $(but).prop("disabled", true); 
      } 
      time = time - 1; 
    }, 1000); 
 
  }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button>knopka <span></span> 
</button> 
 
<button>knopka <span></span> 
</button> 
 
<button>knopka <span></span> 
</button>

READ ALSO
Зачем при скачивании шрифтов с ними поставляются также жирные и наклонные их вариации?

Зачем при скачивании шрифтов с ними поставляются также жирные и наклонные их вариации?

При скачивании шрифта X, например, с Google Fonts со шрифтом X в архиве обычно находятся X-bold и X-italicЗачем нужны эти шрифты, если использование в коде...

243
При наведении на li, менялся цвет в before

При наведении на li, менялся цвет в before

Собственно, нужно чтобы менялся цвет символа в li:before при наведении на саму liДелаю так, но не работает

200
Как сделать блоки одинаковой высоты?

Как сделать блоки одинаковой высоты?

Собственно есть 2 блока, один с меню, другой со слайдеромСлайдер адаптивный, его высота меняется в зависимости от ширины

289
Таблица выходит за границы ячейки

Таблица выходит за границы ячейки

На странице в bootstrap ячейку помещена таблица, в таблице достаточное количество столбцов, и на экранах ноутбуков эта таблица выходит за границы...

389