javascript 请问如何用setTimeout 做个动画？

Question

请问如何用setTimeout做个动画。比如说我做个右移的动画，如何能让它在移动400点之后停止？

Answer 1

.anim{
  width:200px;
  height:50px;
  background-color:#ff0;
  transition:all 3s ease;
}
.anim:hover{
  transform:translateX(90px);
}

<div class="anim">
</div>

效果

Answer 2

写一个函数，函数里操作DIV之类的位移，然后判断位移量是否足够了，如果还没到就再setTimeout一个同样的函数。