setTimeout 和 setInterval 两种定时器的介绍—JavaScript

定时器是我们写前端页面必备的一个技能，所以还不会的兄弟们赶紧学起来！！！

1、setTimeout() 炸弹定时器

2、setInterval() 闹钟定时器

window 对象给我们提供了 2 个非常好用的方法-定时器。

• setTimeout()

• setInterval()

1、setTimeout() 炸弹定时器

开启定时器

window.setTimeout(调用函数，[延迟的毫秒数]);

setTimeout() 这个调用函数我们也称为回调函数 callback

注意：

        1、window 可以省略。

        2、这个调用函数可以直接写函数，或者写函数名 或者采取字符串 '函数名()' 三种形式。（第三种不推荐）

        3、延迟的毫秒数省略默认是0，如果写，必须是毫秒。

        4、因为定时器可能有很多，所以我们经常给定时器赋值一个标识符。

停止定时器

window.clearTimeout(timeoutID)

clearTimeout() 方法取消了先前通过调用 setTimeout() 建立的定时器。

注意：

        1、window 可以省略

        2、里面的参数就是定时器的标识符

2、setInterval() 闹钟定时器

开启定时器

window.setInterval(回调函数,[间隔的毫秒数]);

setInterval() 方法重复调用一个函数，每隔这个时间，就去调用一次回调函数

注意：

        1、window 可以省略。

        2、这个调用函数可以直接写函数，或者写函数名 或者采取字符串 '函数名()' 三种形式。（第三种不推荐）

        3、间隔的毫秒数省略默认是0，如果写，必须是毫秒，表示每隔多少毫秒就自动调用这个函数。

        4、因为定时器可能有很多，所以我们经常给定时器赋值一个标识符。

        5、第一次执行也是间隔毫秒数之后执行，之后每隔毫秒数就执行一次。

停止定时器

window.clearInterval(intervalID);

clearInterval() 方法取消了先前通过调用 setInterval() 建立的定时器。

注意：

        1、window 可以省略

        2、里面的参数就是定时器的标识符