新手求助CSS中的一个问题，望各位不吝赐教

div{
width:100px;
height:100px;
transition:all 5s
}
现在，我用js控制这个div，设置它的 transform 为 translate(100px)；即它会在5s内右移100px。
需求：在5s的中途内怎么可以使它停下来。或者说是在它移动的任意过程中我点击它一下，它就停下。
（ps：中途我执行js清除了 transition 样式，没有效果）。