定时器

定时器#

两种定时器#

window对象提供了2个常用方法- 定时器

• setTimeout()
• setInterval()

setTimeout()定时器#

setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。

注意：

1. window可以省略
2. 这个调用函数可以 直接写函数 ，或者 写函数名 或者采取字符串'函数名()'三种形式，第三种不推荐。
3. 延迟的毫秒数省略默认为0，如果写，必须是毫秒。

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

普通函数是按照代码顺序直接调用。

而这个函数，需要 等待时间 ，时间到了才去调用这个函数，因此称为回调函数

简单理解：回调，就是回头调用的意思，上一件事做完，再 回头调用 这个 函数。

之前学的element.onclick=function(){}或者element.addEventListener('click',fn);里面的函数也是回调函数。

5秒后这坨会消失

停止setTimeout()定时器#

点击停止消失上面那坨

setInterval()定时器#

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

注意：

1. window可以省略
2. 这个函数可以 ，或者写 或者采取字符串'函数名()'三种形式，第三种不推荐。
3. 间隔的毫秒数省略默认是0，如果写，必须是毫秒，表示每隔多少毫秒就自动调用这个函数。
4. 因为定时器可能有很多，所以也可给setInterval赋值一个标识符。

停止setInterval()定时器#

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

注意：

1. window可以省略
2. 里面的参数就是定时器的标识符。

开启定时器 停止定时器

this#

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。

1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
2. 方法调用中谁调用this指向谁
3. 构造函数中this指向构造函数的实例