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

相关推荐
IT_陈寒14 分钟前
JavaScript实战技巧总结
前端·人工智能·后端
玲小珑17 分钟前
AI Coding 与 Harness 实践精髓:让AI高效干活、持续交付
前端·人工智能·openai
skilllite作者18 分钟前
Agent-Skills 核心能力与实战效能深度评测
大数据·开发语言·前端·数据库·人工智能·python
恋猫de小郭20 分钟前
实用性 Max ,新 Flutter & Dart Agent Skills 深度解读
android·前端·flutter
一诺加油鸭23 分钟前
若依(RuoYi)框架中普通用户角色登录后访问接口报 403 “当前操作没有权限”错误的完整解决方案
前端
宁雨桥1 小时前
AI前端开发面试题分享
前端·人工智能·ai
亿元程序员1 小时前
求求你别卷了,主管又转发你的文章到工作群了...我看了之后五味杂陈,决定卷个毛线!
前端
kyriewen111 小时前
你的前端滤镜慢得像PPT?用Rust+WebAssembly,一秒处理4K图
开发语言·前端·javascript·设计模式·rust·ecmascript·powerpoint
QD_ANJING1 小时前
建议5月的Web前端开发都去飞书上准备面试...
前端·人工智能·面试·职场和发展·前端框架·状态模式·ai编程