DOM案例

# window定时器

有时候并不希望立即执行一个函数，而是等待一段时间后执行，称之为计划调用

setTimeout 允许将函数推迟到一段时间间隔后再执行
setInterval 重复执行一个函数
clearTimeout 取消setTimeout的定时器
clearInterval 取消setInterval 的定时器

# setTimeout

语法

let timerId = setTimeout(func|code, [delay], [arg1], [arg2],...)

fun|code 想要执行的函数或者代码字符串，一般传入函数或者代码字符串，但是不建议传入代码字符串
delay 执行前的延时，以毫秒为单位，默认是0
arg1, arg2,... 传入被执行函数的参数列表

clearTimeout

setTimeout在调用时会返回一个定时器字符串，可以使用这个字符串来取消执行

var timerId = setTimeout(
  function (name, age) {
    console.log(name, age);
  },
  2000,
  "zs",
  20
);
clearTimeout(timerId)


function foo() {
  console.log("foo");
}
setTimeout(foo, 2000);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# setInterval

语法

let tinerId = setInterval(func|code, [delay], [arg1], [arg2],...)

参数意义和setTimeout相同

clearInterval

通过clearInterval来取消定时器

var timerId = setInterval(
  function (name, age) {
    console.log(name, age);
  },
  2000,
  "zs",
  20
);
setTimeout(function () {
  clearTimeout(timerId);
}, 5000);

1
2
3
4
5
6
7
8
9
10
11

# 轮播消息提示

上次更新: 2022/09/15, 08:23:57