怎么实现鼠标悬停图片逐渐清晰，鼠标离开图片逐渐透明，在图片逐渐透明期间，鼠标再次悬停图片，则终止透明循环，直接再次清晰
一个页面内一个图片，图片本身透明度是20%

鼠标放上去直接清晰

鼠标离开，则慢慢透明，直到恢复到20%，我使用的是settimeout 逐渐加大透明度

我希望在图片逐渐变透明的期间，还没恢复到20%的时候鼠标再次放上去，图片再次直接清晰

换句话说，我不知道如何终止掉那个是图片变透明的循环

请给出代码示例，运行正常就给分，谢谢

------解决方案--------------------
先判断鼠标是否离开，如果不离开就终止，否则继续