定时器 setTimeout、setInterval

定时器的使用方法

• setTimeout(fn,1000) : 1s后执行fn函数（仅一次，不会循环触发）;
• setInterval(fn,1000) : 1s执行一次fn函数（循环触发）;
  二者用法相同，只是前者只执行一次，后者会无限循环。

传递参数

一般情况下，我们不能直接在定时器中直接传参，不然函数就会自执行，不在是一个函数。

• setInterval(“fn(a)”,1000)：将要传参的函数用 “ ” 包裹，定时器会自动识别字符串并执行里面的函数。
  注意:有作用域问题，如果加引号，fn函数必须定义在window.onload之外，否则setInterval(“fn(a)”,1000); fn是not defined。
• setTimeout(function(){ fn(a)；fn1(b); }，1000)：将要函数用匿名函数function（）{ }包裹，这种方法可以同时执行多个函数。
• setTimeout(eval(“fn()”),1000)：eval方法会把里边的字符串变成可执行的代码。

清除定时器

一般页面上的定时器执行完记得都要清除

• clearTimeout（timer）
• clearInterval（timer）

在清除定时器前，我们需要先给定时器一个名字才能清除；如我们要先 var timer = setTimeout（fn(),1000）;然后我们才能使用 clearTimeout（timer）；清除。

HTML5下 的requestAnimationFrame函数

requestAnimationFrame函数是针对动画效果的API，在浏览器中优化并行的动画动作。它的作用与定时器类似，但是它的间隔时间为浏览器本身的间隔时间。兼容主流浏览器，但是不兼容IE8以下。

• requestAnimationFrame（fn）： 一定间隔之后执行fn函数
• cancelAnimationFrame(timer) : 取消动画帧请求，也要提前给名字