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

这样写，为什么会一直运动？

timer = setInterval(function(){ move.style.left = move.offsetLeft+ 10+"px"; if(move.offsetLeft >= 0){ clearInterval(timer); } }, 30); 当move.offsetLeft >= 0成立时，为何clearInterval和+10会一直执行下去？

lengqiu

2017-09-20

源自：JS动画效果 2-1

关注问题我要回答

866

操作

收起

2 回答

丶痞子绅士
2017-09-23

只看你贴出的代码，主要问题是判断条件的问题

把move.style.left = move.offsetLeft+ 10+"px";放到if语句的后面，用else包围起来就可以解决问题。

BUG原因：

你把移动的代码写在了判断的前面，会导致你每次触发移入事件都会先移动10px，然后再清除计时器，如此循环往复，你的判断语句完全没有起到效果。

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

慕盖茨6243357
2017-09-21

因为你的那个判断条件一直是成立的呀，move.offsetLeft>=0这个条件一直成立，所以 clearInterval(timer)会一直执行。计时器也会一直执行。

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

举报

0/150

提交

取消

参与学习 113925 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

2 回答为什么动画会一直转动

4 回答position 改成 relative 便会一直运动？

1 回答问什么我这样写出来，鼠标滑过直接消失掉了，没有运动？？？？？

1 回答为什么没有运动？

2 回答为什么去掉var timer=null 动画就一直抖动

搜索更多本课相关问答

这样写，为什么会一直运动？

我要回答关注问题

意见反馈帮助中心 APP下载