javascript 中 setInterval setTimeout 区别

javascript 中 setInterval setTimeout 区别

在 JavaScript 中,setIntervalsetTimeout 都是用于执行定时任务的函数,但它们之间有一些区别。

  1. setInterval 函数会按照指定的时间间隔重复执行指定的函数,直到被取消。例如,如果你设置一个间隔为 1000 毫秒(1 秒),那么这个函数将每隔 1 秒执行一次。示例代码如下:
javascript 复制代码
setInterval(function() {
  // 重复执行的代码
}, 1000);
  1. setTimeout 函数会在指定的延迟时间后执行指定的函数,仅执行一次。例如,如果你设置一个延迟时间为 2000 毫秒(2 秒),那么这个函数将在 2 秒后执行一次。示例代码如下:
javascript 复制代码
setTimeout(function() {
  // 延迟执行的代码
}, 2000);

总结一下区别:

  • setInterval 会按照指定的时间间隔重复执行,直到被取消。
  • setTimeout 会在指定的延迟时间后执行,仅执行一次。

需要注意的是,两者都接受一个回调函数作为参数,并且可以使用 clearIntervalclearTimeout 来取消已设定的定时任务。

相关推荐
da_vinci_x5 分钟前
图标量产:从“手绘地狱”到“风格克隆”?Style Reference 的工业化实战
前端·游戏·ui·prompt·aigc·设计师·游戏美术
利刃大大13 分钟前
【ES6】变量与常量 && 模板字符串 && 对象 && 解构赋值 && 箭头函数 && 数组 && 扩展运算符 && Promise/Await/Async
开发语言·前端·javascript·es6
天若有情67316 分钟前
ES6 模块与 CommonJS 的区别详解
前端·javascript·es6
大猫会长19 分钟前
postgreSQL中,RLS的using与with check
开发语言·前端·javascript
慧一居士31 分钟前
vite.config.ts 配置使用说明,完整配置示例
前端
wusp199438 分钟前
nuxt3模块化API架构
前端·javascript·nuxt3
沛沛老爹42 分钟前
Web开发者进阶AI:企业级Agent Skills安全策略与合规架构实战
前端·人工智能·架构
遗憾随她而去.1 小时前
前端首屏加载时间的度量:FCP、LCP等指标的规范理解
前端
CDwenhuohuo1 小时前
安卓app巨坑 nvue后者页面要写画笔绘制功能nvue canvas
前端·javascript·vue.js
一只小bit1 小时前
Qt 事件:覆盖介绍、处理、各种类型及运用全详解
前端·c++·qt·cpp