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

相关推荐
GIS开发特训营几秒前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis
Cachel wood26 分钟前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架
学代码的小前端28 分钟前
0基础学前端-----CSS DAY9
前端·css
joan_8532 分钟前
layui表格templet图片渲染--模板字符串和字符串拼接
前端·javascript·layui
m0_748236111 小时前
Calcite Web 项目常见问题解决方案
开发语言·前端·rust
Watermelo6171 小时前
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
开发语言·前端·javascript·算法·数据挖掘·数据分析·ecmascript
m0_748248941 小时前
HTML5系列(11)-- Web 无障碍开发指南
前端·html·html5
m0_748235611 小时前
从零开始学前端之HTML(三)
前端·html
一个处女座的程序猿O(∩_∩)O3 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
hackeroink6 小时前
【2024版】最新推荐好用的XSS漏洞扫描利用工具_xss扫描工具
前端·xss