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

为什么我的目标宽度是400，执行的时候却是396，剩下的4，需要鼠标移入移出四次才会到400？

为什么我的目标宽度是400，执行的时候却是396，剩下的4，需要鼠标移入移出四次才会到400，高度就很正常！

慕容7044008

2018-03-13

源自：JS动画效果 6-1

关注问题我要回答

1207

操作

收起

1 回答

慕丝2053625
2018-03-18

你好，我也遇到了这个问题。正如老师所讲的那样，一定是有属性在到达自己的位置的时候，立刻触发了清除定时器，导致其他的属性虽然还没有到达target，就被终止了运行。当你再次用鼠标指向的时候，定时器只会被触发一次，for循环一遍，就遇到opacity属性已经变成1，因此目标宽度只被遍历1次，增长1，所以需要移入移出4次，这个情况将会在你把目标宽度修改成201时相当明显。