setinterval和settimeout的区别

共同点

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

不同点

触发时间和执行方式

代码解析

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

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

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

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

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

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

几种常见的setInterval 和 setTimeout的写法

使用函数表达式：

// 使用 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);

清除定时

可以用clearInterval 或 clearTimeout 来清除定时器，clearInterval 用来清除setInterval，clearTimeout 用来清除setTimeout