- A+
所属分类:知识科普
共同点
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
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫