попробовал
<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>