实际项目中，这两种定时器都会用到，首先来说说setTimeout
1 setTimeout
一次性定时器，执行一次后，自动取消，也可以在延时之前，取消定时器
function fun() { console.log("定时器") } setTimeout(fun, 1000);
复制
延迟1秒后控制台打印，定时器是以毫秒为执行单位。也可以用以下方式设置定时器
setTimeout(function () { console.log("定时器") }, 1000);
复制
上面这种方式，如果要清除定时器，是不能清除的，只能在设置定时器的时候，定义一个变量来接收定时器的返回值，这样才可以清除定时器。
var timeFun = setTimeout(function () { console.log("定时器") }, 1000); clearTimeout(timeFun)
复制
使用setTimeout模拟setInterval
setTimeout(function () { // do something console.log("定时器") setTimeout(arguments.callee, 500) }, 500)
复制
2 setInterval
周期性定时器，只要不主动清除定时器，就会一直执行
function fun() { console.log("定时器") } setInterval(fun, 1000);
复制
每隔一秒钟，就会在控制台打印一次。也可以在setInterval里面直接定义
setInterval(function () { console.log("定时器") }, 1000);
复制
同样也是，如果要清除定时器，还是需要定义一个变量来接收定时器的返回值。
var timeFun = setInterval(function () { console.log("定时器") }, 1000); clearInterval(timeFun)
复制
那我们就说下setInterval的缺点，就是定时器指定的时间间隔，表示的是何时将定时器推送到消息队列，而不是何时执行代码。所以真正何时执行定时器的时间是不能保证的，取决于何时被主线程的事件循环取到并执行。那我们如果要用定时器实现倒数、计时功能，如何避免定时器不准的问题。这里就需要我们使用setTimeout代替setInterval
var startTime = new Date().getTime() var count = 0; setInterval(function () { var i = 0; while (i++ < 100000000); }, 0); function fixed() { count++; var offset = new Date().getTime() - (startTime + count * 1000); var nextTime = 1000 - offset; if (nextTime < 0) nextTime = 0; setTimeout(fixed, nextTime); console.log(new Date().getTime() - (startTime + count * 1000)); } setTimeout(fixed, 1000);
复制
上面方法，通过修正时间来延迟触发，所以就保证了定时器的精准性。
