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