在前端开发中，有时需要让某段代码定时执行。一个典型的例子是轮询 API 获取最新数据。为了实现这个功能，可以使用 JavaScript 中提供的 setInterval 函数。该函数允许我们指定一个时间间隔，在此间隔内重复运行函数。
setInterval 函数
setInterval 函数是 JavaScript 的一个内置函数，它允许我们周期性地调用一个函数，直到 clearInterval 函数被调用为止。setInterval 函数接受两个参数：
--------------------- -------
其中，第一个参数 function 是要周期性调用的函数，delay 是以毫秒为单位指定的时间间隔。例如，如果要将某个函数每秒钟调用一次，则应设置 delay 为 1000 毫秒（1 秒）。
以下是一个简单的示例，演示如何使用 setInterval 函数来每隔一秒钟打印一条消息：
---------------------- - ---------------------- -- ------
让代码每分钟执行一次
要让代码每分钟执行一次，可以将 setInterval 的时间间隔设置为 60 秒（即 60,000 毫秒）。以下是一个示例，演示如何使用 setInterval 函数来每隔一分钟更新数据：
---------------------- - -- ------------ ----------------- ----------- -- -------
注意事项
在使用 setInterval 函数时，请注意以下几点：
- 执行的代码应该足够轻量级，以免影响页面性能。
- 如果函数的执行时间比时间间隔长，则会出现问题。例如，如果执行时间为 70 秒，而时间间隔为 60 秒，则函数将每隔 70 秒调用一次，因此不应该使用这种方法来处理复杂的任务。
- 如果您需要确保一个函数完全执行后再开始下一个周期，请使用 setTimeout 函数，而不是 setInterval 函数。
总结
使用 setInterval 函数可以方便地定期运行 JavaScript 代码。通过设置适当的时间间隔，我们可以控制代码的执行频率。但是，在使用 setInterval 函数时，请注意上述注意事项。如果遵循最佳实践，setInterval 函数将是一个很好的工具，用于周期性地执行轻量级任务。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27304