浏览器刷新时间_3. 用requestAnimationFrame和cancelAnimationFrame方法写一个小物块运动

浏览器的更新周期和计时器的间隔不一样，就会有画面卡顿的情况，计时器的间隔越短，卡顿就越明显。计时器的间隔并不十分精确，它要把计时器放到执行序列里，这也要消耗时间。

浏览器更新间隔通常在十六毫秒左右，这取决于电脑当前运行状况等条件，因此计时器设定的时间太短，页面未能得到刷新，动画表现完全看不到。

浏览器每十六分之一秒更新一次画面，展示当前最新数据；而计时装置每隔一定时间就会运算一次，每次运算都会产生新数据，但由于画面没有同步更新，部分数据变化无法即时呈现，因而导致了画面卡顿的问题。

2. e和：

页面刷新前执行一次该方法；用法和相似；兼容性IE10以上

3. 用e和方法写一个小物块运动

注意：

（1）封装e和方法；

编写一个运动函数，名称为move，其用法与某个特定函数相似，在该函数内部需要执行一个名为e的方法，并且要为其分配一个独一无二的标识符

在move函数里，如果出现某些特定情况，那么这个移动动作就会被打住，不再继续进行。

（4）时间 1000/ 60 是大约是16ms。

4. 用和写一个小物块运动