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

相关推荐
三思而后行,慎承诺1 分钟前
React 底层原理
前端·react.js·前端框架
座山雕~1 分钟前
html 和css基础常用的标签和样式
前端·css·html
灰小猿1 小时前
Spring前后端分离项目时间格式转换问题全局配置解决
java·前端·后端·spring·spring cloud
im_AMBER1 小时前
React 16
前端·笔记·学习·react.js·前端框架
02苏_1 小时前
ES6模板字符串
前端·ecmascript·es6
excel1 小时前
⚙️ 一次性警告机制的实现:warnOnce 源码深度解析
前端
excel1 小时前
Vue SFC 样式编译核心机制详解:compileStyle 与 PostCSS 管线设计
前端
excel1 小时前
🧩 使用 Babel + MagicString 实现动态重写 export default 的通用方案
前端
excel1 小时前
Vue SFC 编译器主导出文件解析:模块组织与设计哲学
前端
excel1 小时前
深度解析:Vue SFC 模板编译器核心实现 (compileTemplate)
前端