基于匀速运动的实例讲解(侧边栏,淡入淡出)

offsetLeft没有px单位，而left是有px单位的现在div是点击一下动一下，我们让他持续动起来，怎么做？加上定时器当我们点击按钮时候，div就会不停的向左运动，怎么让他停下来呢？这是因为，每次点击一下按钮，就开了一个定时器，每次点击一个按钮就开了一个定时器，这样就会有多个定时器叠加，那么速度也会产生叠加，所以div开始加速了，那么我们要让他保持10px的速度，意思就是不要让定时器叠加，更通俗点说就是确保一个定时器在开着。只需要在每次点击按钮的时候，清除之前的定时器就可以了，这样就能确保始终一个定时器开着，至此，一个最基本的匀速运动结构就完成了，那么我们可以把他封装成函数有了这个函数之后，我们来小小的应用一下。