增加clearInterval以免动画累加？

动画怎么会累加呢？不是变化到一个值就clear了吗？怎么会有累加呢？再加一个clear会不会多余了呢？

iamjessie

2016-01-17

源自：导航条菜单的制作 5-1

关注问题我要回答

741

操作

收起

1 回答

iamjessie 提问者
2016-01-17

我已经弄明白了，我做了个实验，如果不先clearInterval，当你快速在导航的一个菜单上移上移下时，会出现闪烁（就是不停地+8 -8交替），包括本节第六章最后的编程练习，是制作下拉菜单，菜单宽度从0加到120，每5ms增加4，在停止增加前，需要120/4 *5=150ms 如果鼠标移上菜单很快（150ms）之内移了下来，就会触发鼠标移开事件，即每隔5ms减少4，这时候就会出现增加减少同时进行的情况，导致子菜单长度不变了，但是却不停地闪烁，由于此时既不能增到120，又不能减到0，所以两个if clearInterval都不会启动，所以呢，在触发onmouseover,onmouseout任何一事件的时候，都要把另一件事所触发的计时器停止，不管你有没有执行到终点，所以要在一开始就clearInterval，为的是除去对方事件里还没有被停的setInterval。