Показать сообщение отдельно
  #13 (permalink)  
Старый 21.12.2014, 23:47
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

попробовал
<style>
  .sbutton {
    background: #cb3131;
    /* Цвет фона */
    padding: 10px 5px;
    /* Поля вокруг текста */
    margin: 0px;
    font-size:14px;
    font-weight:600;
    color: #FFFFFF;
    /* Цвет шрифта */
    text-align: center;
    /* Надпись на кнопке по центру */
    border: solid 0px #73C8F0;
    /* Параметры рамки кнопки */
    cursor: pointer;
    /* Изменение вида курсора при наведении*/
    border-radius: 5px;
    overflow:hidden;
    opacity : 1;
    filter:alpha(opacity=100);
  }
  .sbutton:active, .sbutton[disabled] {
    position:relative;
    background: green;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<a id="btn" class="sbutton">Кнопка</a>
<script>
  document.getElementById('btn').onclick = function () {
    this.disabled = true;
    myfunc.call(this, 2000);
  };

  function myfunc(ms) {
    ms += new Date().getTime();
    while (new Date() < ms) {
      console.log(ms);
      this.disabled = false;
    }
  }
</script>
Ответить с цитированием