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 来取消已设定的定时任务。

相关推荐
像素之间4 分钟前
为什么运行时要加set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve
前端·javascript·vue.js
M ? A7 分钟前
Vue转React实战:defineProps精准迁移实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact
西陵19 分钟前
别再写 Prompt 了Spec Mode 才是下一代 AI 编程范式
前端·人工智能·ai编程
如意猴21 分钟前
【前端】002--怎样制作一个简历界面?
开发语言·前端·javascript
NickJiangDev27 分钟前
Elpis Schema 动态组件与表单:配置驱动的完整 CRUD 闭环
前端
kerli29 分钟前
Compose 组件:Box 核心参数及其 Bias 算法
android·前端
luckyCover30 分钟前
TypeScript学习系列(二):高级类型篇
前端·typescript
NickJiangDev30 分钟前
Elpis NPM 发布:把框架从业务中剥离出来
前端
im_AMBER32 分钟前
手撕发布订阅与观察者模式:从原理到实践
前端·javascript·面试
九英里路34 分钟前
cpp容器——string模拟实现
java·前端·数据结构·c++·算法·容器·字符串