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 分钟前
【axios取消请求】如何在token过期后取消未响应的请求
java·前端·javascript
张开心_kx5 分钟前
面试官又问我是否了解React的单向数据流
前端·javascript·react.js
残轩8 分钟前
Win10 家庭版 Docker 环境搭建详解(基于 WSL2)
前端·后端·docker
palpitation9710 分钟前
Flutter分解布局选择辅助方法还是Widget?
前端
工呈士11 分钟前
HTML响应式网页设计与跨平台适配
前端·html
作曲家种太阳11 分钟前
第六章节 响应式的 computed 实现【手摸手带你实现一个vue3】
前端
腊月廿二13 分钟前
跨项目频繁切换node版本号(nvm-windows)
前端
策码14 分钟前
MutationObserver监听网页二次渲染和子节点变化
前端·javascript
前端大白话15 分钟前
前端必知!HTML中`<a>`标签target属性全攻略:新窗口、当前窗口、指定框架一网打尽
前端·架构·html
天狗精灵15 分钟前
从节点重排看React 与 Vue3 的 Diff 算法
前端·vue.js·react.js