首页 > web前端 > js教程 > 正文

如何让 JavaScript 中的 setInterval 立即执行?

Mary-Kate Olsen
发布: 2024-11-09 05:14:02
原创
874 人浏览过

How Can I Make `setInterval` Execute Immediately in JavaScript?

立即执行 setInterval

使用 JavaScript 的 setInterval 方法时,常常希望函数立即执行,然后以指定的值继续执行计时器延迟。但是,默认情况下,setInterval 不会立即执行该函数。

无延迟地初始执行

最简单的方法是在调用 setInterval 之前立即手动调用该函数:

foo();
setInterval(foo, delay);
登录后复制

使用 setTimeout 的替代方法

或者,您可以使用 setTimeout 来触发函数的后续执行:

function foo() {
  // ...
  setTimeout(foo, delay);
}
foo(); // start the cycle
登录后复制

此方法确保函数调用之间的延迟最小化,并简化取消操作。

使用立即调用函数表达式 (IIFE)

此技术将函数定义和初始执行结合在一条语句中:

(function foo() {
  ...
  setTimeout(foo, delay);
})();
登录后复制

IIFE 在一行代码中定义了函数并启动循环,提供了简洁高效的解决方案。

以上是如何让 JavaScript 中的 setInterval 立即执行?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板