js中鼠标移入移出碰到的问题

用js做图片的自动播放的过程中，利用鼠标移入移出事件来实现当鼠标移入图片中时，图片停止播放；当图片移出时，图片自动播放的效果。

代码如下：

如果把onmouseout事件的内容改为

然后在浏览器中打开时，会发现并得不到我们想要的这种效果。具体原因就是：因为第二张图中的写法，并没有对timer变量进行赋值，所以在onmouseover事件触发时，代码清除的timer变量的值并不是第二张图设置的定时效果，因此，图片并不能停止播放。