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

如何在JavaScript中每5秒钟重复调用一个函数?

WBOY
发布: 2023-08-24 16:53:01
转载
2546 人浏览过

我们将使用setInterval()函数每隔5秒钟重复调用一个函数。这个函数接受两个参数,第一个是要调用的函数,第二个是以毫秒为单位的时间间隔。

JavaScript setInterval

的中文翻译为:

JavaScript setInterval

  • setInterval() 是一个 JavaScript 函数,它允许您以指定的时间间隔(以毫秒为单位)重复执行一个函数。

  • 它返回一个唯一的ID,可以用于使用clearInterval()方法清除间隔。

  • 它可以用于诸如定期更新页面或创建动画等任务。

  • 它接受两个参数,要执行的函数和以毫秒为单位的间隔时间。

  • 它将继续执行该函数,直到使用clearInterval()清除它或页面关闭。

方法

您可以使用 setInterval() 函数在 JavaScript 中每隔5秒钟重复调用一个函数。

setInterval(myFunction, 5000);
登录后复制

第一个参数是您想要调用的函数,第二个参数是以毫秒为单位的时间间隔。在这个例子中,函数myFunction将每5秒(5000毫秒)被调用一次。

您可以通过调用clearInterval()函数并将setInterval()的返回值作为参数来停止间隔执行。

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);
登录后复制

Example

的中文翻译为:

示例

以下是使用setInterval()函数在JavaScript中每5秒钟重复调用一个函数的示例:

function myFunction() {
   console.log("Hello World!");
}
setInterval(myFunction, 5000);
登录后复制

setInterval() 函数接受两个参数:第一个参数是你想要调用的函数,第二个参数是以毫秒为单位的时间间隔。在这个例子中,myFunction 函数每隔 5,000 毫秒或 5 秒被调用一次。

setInterval函数返回一个唯一的ID,可以传递给clearInterval函数来停止重复调用该函数 -

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);
登录后复制

这段代码创建了一个间隔,每5秒(5000毫秒)调用myFunction函数。该函数会持续运行,直到网站关闭或间隔被清除。

输出

如何在JavaScript中每5秒钟重复调用一个函数?

以上是如何在JavaScript中每5秒钟重复调用一个函数?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!