[bes]

Poznakomlus, попробуй решить другую задачу

<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;
    opacity : 0.5;
    filter:alpha(opacity=50);
    top:1px;
  }
</style>
<a id="btn" class="sbutton">Кнопка</a>

<script>
  document.getElementById('btn').onclick = function () {
	//хочу быть зелёным
	this.style.background = "green";
	this.disabled = true;
	this.style.background = "green";
	myfunc(2000);
	this.style.background = "green";
	this.disabled = false;
	this.style.background = "#cb3131";

  };
  function myfunc(ms) {
	ms += new Date().getTime();
	while (new Date() < ms){
		console.log(ms);
	}
}
</script>