定时器: setTimeout setInterval 的区别和用法

53 阅读1分钟

定时器

顾名思义,定时器,就是给定一个时间,然后在给定时间的时候,进行一个提醒。 这里介绍两种定时器,一种是重复调用函数的,一种是只调用一次的。不管是哪种定时器,都要记得进行定时器的清除操作。

setTimeout

setTimeout 定时器 是一次性定时器,也就是在到达某个指定时间之后,执行什么事情。(一次性)
语法: setTimeout(func,time,argument1,argument2)
func: 固定时间后,执行的方法
time: 设置的固定时间,这里时间单位是毫秒
argument:传入方法的参数 返回值:返回一个 ID(数字),可以将这个ID传递给 clearTimeout() 来取消执行。

const timer = setTimeout((name,gender) =>
{ console.log(name + " is " + gender); },
1000, "Tom", "boy");
const clearTime = ()=>{
      clearTimeout(timer);  // 清除定时器
}

setInterval

setInterval 定时器 是可以重复执行给定的函数
语法和 seTimeout() 一致

const timer setInterval((name,gender) => 
{ console.log(name + " is " + gender); }, 
1000, "Tom", "boy");
//每过一秒 就执行上述方法
const clearTime = ()=>{
      clearTimeout(timer);  // 清除定时器
}