Правильно ли использовать setTimeoiut в качестве установки последовательности?

function showBlock() {  // smooth appearance / disappearance 
  var block = document.getElementById('block'); 
  block.classList.toggle('active'); 
   
  if(block.classList.contains('active')) { 
    block.style.display = 'block'; 
    setTimeout(function () { 
      block.style.opacity = 1; 
    }, 0) 
  } 
   
  else { 
    block.style.opacity = 0; 
    setTimeout(function () { 
      block.style.dispplay = 'none'; 
    }, 0) 
  } 
}

#block { 
  width: 100px; 
  height: 100px; 
  background-color: orange; 
  display: none; 
  opacity: 0; 
  transition: .5s; 
}

<button onclick = "showBlock()">Click on me</button> 
<div id="block"></div>