## 定时器的常见方法
- setInterval()：循环定时器。周而复始的执行（循环执行）
- setTimeout()：定时炸弹。用完以后立刻报废（只执行一次）
### 定义定时器的方式
**方式一：**匿名函数
每间隔一秒打印一次：
```javascript
setInterval(function () {
console.log(1);
},1000);
```
**方式二：**
每间隔一秒打印一次：
```javascript
setInterval(fn,1000);
function fn(){
console.log(1);
}
```
### 定时器高级：清除定时器
定时器的返回值可以用来清除定时器。具体方法是：假设定时器setInterval()的返回值是`参数1`，那么`clearInterval(参数1)`就可以清除定时器。
setTimeout()的道理是一样的。
代码举例：
```html
```
## 定时器举例
### 举例一：5秒后关闭网页两侧的广告栏
假设网页两侧的广告栏为两个img标签，它们的样式为：
```html
```
5秒后关闭广告栏的js代码为：
```html
```
### 举例二：关闭京东顶部广告栏（带动画效果关闭）
我们在[之前的文章](https://github.com/smyhvae/Web/blob/master/03-JavaScript%E5%9F%BA%E7%A1%80/07-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9ADOM%E6%93%8D%E4%BD%9C.md)中做过这道题。但是现在，要求广告栏在关闭的时候，带动画效果：**点击关闭按钮后，顶部广告栏慢慢地变透明，直到全部关闭。**
我们可以用定时器来做。完整版代码如下：
```html
```
代码解释：
注意，我们要实现给顶部的div加一个行内样式`style="opacity: 1"`，然后才能通过定时器判断`topBanner.style.opacity`的值。
定时器的返回值其实是number类型的，但我们习惯性地设置初始值为null。
实现效果：
