定时器

1、含义：

JavaScript提供一些原生方法来实现让某一段代码延时执行的功能。
JS的定时器目前有三个：setTimeout、setInterval和setImmediate。

2、setTimeout（function（）{},时间）延迟定时器

在指定的毫秒数后调用函数或计算表达式，只执行一次。
延迟时间以毫秒(ms)为单位，1s=1000ms。
一般用于咨询弹框、网站广告弹窗等相关操作。

setTimeout(fn, x)表示延迟x毫秒之后执行fn，只执行一次。

var 要设置定时器的标签的Id = setTimeout(function(){
        要延迟执行的代码
    },延迟时间)

var获取或声明最好提前，代码段只写一个要执行代码的名就行

3、setInterval（function（）{},时间）间歇定时器

按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭，重复执行。
延迟时间以毫秒(ms)为单位，1s=1000ms。
一般用于轮播图、倒计时、抽奖等相关操作。

setInterval(fn, x)表示每隔x毫秒执行一次fn，不断执行。

var 要设置定时器的标签的Id = setInterval(function(){
        要间歇执行的代码
    },间歇时间)

var获取或声明最好提前，代码段只写一个要执行代码的名就行

4、清除定时器

（1）清除延迟定时器clearTimeout

 clearTimeout(要清除定时器的ID);

（2）清除间歇定时器clearInterval

 clearInterval(要清除定时器的ID);

5、常见问题

定时器引起的代码超级无敌托马斯回旋式爆炸阻塞

（1）setInterval多次调用后执行频率为什么越来越快？

window.clearTimeout(int);
window.clearInterval(int);

这两种清除延时的方式，除了语法有区别，清除延时的效果上是等效的，而且无论设置的定时器是哪一种 都可以使用以上任意一种清除掉。

（2）调用定时器时，连续点击按钮，定时器间隔的时间会变短

在函数内部，我们可以先清除定时器，再设置定时器。这样的话，每次点击事件发生时，都把前一个定时器清除，再重先开启一个新的定时器

6、剖析

setTimeout(fn,x)表示延迟x毫秒后执行fn，但是严格来说延迟的时间往往是大于x毫秒的，至于大多少要看JS的执行情况。

多个定时器如果不及时清除，会存在干扰，所以不管定时器有没有执行完，都要及时清除一下定时器。

HTML5规范规定最小延迟时间不能小于4ms，即x如果小于4，会被当做4来处理。 不过不同浏览器的实现不一样，比如，Chrome可以设置1ms，IE11/Edge是4ms。

setTimeout注册的函数fn会交给浏览器的定时器模块来管理，延迟时间到了就将fn加入主进程执行队列，如果队列前面还有没有执行完的代码，则又需要花一点时间等待才能执行到fn，所以实际的延迟时间会比设置的长。如在fn之前正好有一个超级大循环，那延迟时间就不是一丁点了。

setInterval在重复执行时并不管上一次fn的执行结果，而是每隔x毫秒就将fn放入主线程队列执行，而两次fn之间具体间隔多久，和JS执行情况有关。

编码实战

1、超时调用setTimeout和setInterval

setTimeout

<script>
    setTimeout(function(){          //建立延迟定时器
       console.log('狼来了！');    //设置要求打印“狼来了”的函数
                          },2000)   //要求2000毫秒即2秒后打印
</script>

setInterval

<script>
    setInterval(function(){          //建立间歇定时器
        console.log('狼来了！');    //设置要求打印“狼来了”的函数
                           },2000)    //要求每隔2000毫秒即每隔2秒后打印
</script>

2、清除定时器clearTimeout和clearInterval

因为clearTimeout和clearInterval在清除定时器时效果一样，可以用任意一个来清除定时器，所以这里就用clearInterval一个来举例。

<script>
  var timer = setInterval(function(){          //声明一个新的定时器ID名字：timer，建立间歇定时器
        console.log('狼来了！');    //设置要求打印“狼来了”的函数
                       },2000)    //要求每隔2000毫秒即每隔2秒后打印
        // clearInterval(timer)
        clearTimeout(timer)   //清除ID名字为timer的定时器
</script>

此代码同上面1中的setInterval，以此为基础进行举例，因为1中的未命名，为了清除定时器方便所以需要声明一个新的ID名字。

3、关不掉的广告（未完，持续更新中）