Javascript中定时器的使用方法

项目中，经常会用到定时器来实现数据实时更新、时间等，简单总结一下：

Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。

一、定时器的写法

setInterval(expression,milliseconds)；

setTimeout(expression,milliseconds)；

上式中，expression既可以是字符串，也可以是匿名函数，或者也可以是一个函数名。但是，函数名中不能传参。第二个参数为延迟要执行的时间。

具体写法如下：

（1）函数名，不带参数

setInterval(test,1000)；           //1秒后执行
（2）字符串，可以执行的代码
setInterval('test()',1000)；       //1秒后执行
（3）匿名函数
setInterval(function(){},1000)；   //1秒后执行
（4）调用函数
setInterval(test,1000)；           //立即执行
如果想要传参数，可以自己定义一个函数，如下：
function test (str){
   console.log(str);
}
setInterval(test(str),1000)；      //立即执行
注：setTimeout的用法一样
二、定时器的清除
由于定时器在调用时，都会返回一个整形的数字，该数字代表定时器的序号，即第多少个定时器，所以定时器的清除要借助于这个返回的数字。
定时器清除的方法：clearInterval(str)和clearTimeout(str)。
要清除定时器，就必须在用定时器的时候，定义一个变量来记录定时器的返回值。如下：
var str = setInterval(test,1000);
setTimeout的用法也一样。
注：有时候在写的时候，还会习惯将清空的定时器的变量置空，这样写既可以释放内存，也可以便于后边代码的判断。
三、定时器的执行机理
在工作或面试中，经常会遇到将‘定时器和JS的执行机制’结合起来的题。下面简单介绍下：
定时器：延迟执行。
Javascript：单线程执行。
所以，在代码中遇到定时器时，定时器中要执行的代码，都要排在JS执行代码的后面，有如下几种情况：
（1）第一种情况
代码：

打印结果：

（2）第二种情况
代码：

或

打印结果：

（3）第三种情况
代码：

打印结果：

由上述几种情况可以断定，代码执行顺序：先执行完JS主线程代码后，再执行定时器延迟执行的代码。