setinterval和settimeout的区别

  • A+
所属分类:知识科普

共同点

setIntervalsetTimeout 都是 JavaScript 中用于设置定时器的两个函数。

不同点

触发时间和执行方式

代码解析

setTimeout 函数用于延迟执行某条代码。

setTimeout(function() {
console.log("Hello, World!");
}, 1000);

代码解析:当网页打开1秒后在控制台显示一条"Hello, World!"的消息

setInterval 函数用于循环执行一段特定的代码,每隔一定的时间执行一次。

setInterval(function() {
console.log("Hello, World!");
}, 1000);

代码解析:当网页打开每隔1秒在控制台显示一条"Hello, World!"的消息

几种常见的setIntervalsetTimeout的写法

使用函数表达式:

// 使用 setInterval
const intervalId = setInterval(function() {
// 执行的代码
}, 1000);

// 使用 setTimeout
const timeoutId = setTimeout(function() {
// 执行的代码
}, 1000);

使用箭头函数:

// 使用 setInterval
const intervalId = setInterval(() => {
// 执行的代码
}, 1000);

// 使用 setTimeout
const timeoutId = setTimeout(() => {
// 执行的代码
}, 1000);

使用函数引用:

// 使用 setInterval
function myFunction() {
// 执行的代码
}

const intervalId = setInterval(myFunction, 1000);

// 使用 setTimeout
function myFunction() {
// 执行的代码
}

const timeoutId = setTimeout(myFunction, 1000);

使用匿名函数:

// 使用 setInterval
const intervalId = setInterval(function() {
// 执行的代码
}, 1000);

// 使用 setTimeout
const timeoutId = setTimeout(function() {
// 执行的代码
}, 1000);

清除定时

可以用clearIntervalclearTimeout 来清除定时器,clearInterval 用来清除setIntervalclearTimeout 用来清除setTimeout

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: