                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

关于速度的问题

如果我将startMove和stopMove分开写，速度一个是+1，一个是-10,这个时候，鼠标滑出就会连蓝色的块一起滑出消失，怎么回事呢?

继续努力的小楠

2016-08-24

源自：JS动画效果 2-1

关注问题我要回答

551

操作

收起

1 回答

桐谷还灬和人回答被采纳 +3 积分
2016-08-24

因为没有具体代码没法具体判断：可能性有一下几个。------

1.stopMove的 if 判断范围没写对。致使滑块"滑过了"。

2.stopMove定时器没有清除。导致鼠标触发”滑回效果“，然而没有清除定时器clearInterval，导致计时器一直计时下去。在我们眼里看来就是”滑出去了“。

0 回复有任何疑惑可以回复我~

收起回答

继续努力的小楠提问者

嗯，这个我明白了，你说的这个是在代码写错的问题上；如果代码没有问题，进入的速度是1，当它到5的时候，我让鼠标滑出，速度是10，这个时候因为减完是-5而不是0，所以它就会滑出，这里是不是还要再做一个判断。

2016-08-24 回复有任何疑惑可以回复我~

桐谷还灬和人回复继续努力的小楠提问者

哦，我知道你什么意思了……我也没验证，单是从逻辑感觉的话，你加判断，因为他是按照每次1增加，每次10减少，所以有可能会产生你说的这种情况。可以换种思路，为什么我们会出现这种情况，因为缩得数值太大，加数值的太小，导致最后可能有余数。【如果在这里做判断，当这个滑块到5的时候，减10，那他有可能就不再缩了。等于就有了5个PX的距离。也有bug】那么我们反过来，让setInterval（10，100），clearInterval（1，10），这样我们的回弹速度就在快的同时也不至于会因为上述的情况导致bug

2016-08-24 回复有任何疑惑可以回复我~

继续努力的小楠提问者回复桐谷还灬和人

你的意思我好像是明白了，我去试验下，谢啦

2016-08-26 回复有任何疑惑可以回复我~