对于事先隐藏的元素设置 css3 动画疑问

对于事先在css中设置了display: none的元素，为其用transition进行动画效果时，需要先将其显示，再改变 class 类名

ele.style.display = 'block';setTimeout(function() {  ele.classList.add('in');}, 0);

我的做法是这样的，不过感觉好麻烦，尤其每次都要写一个 setTimeout。
求赐教有什么更好的方法？