js改变样式，transition过渡效果没有触发？

Question

这里不用timeout的话好像就没有过渡的效果，请问下是为什么？

Answer 1

有过渡效果，没有任何问题

<div style="background-color:black;height:100px;width:100px"></div>
 document.getElementsByTagName("div")[0].onclick=function(){
  var opacity = this.style.opacity==1?0.1:1;
  this.style.opacity = opacity;
}