在前端开发中，我们经常需要定期调用某个函数。比如说，我们可能需要每隔一定时间更新页面上的数据，或者每隔一段时间轮播图片。在 jQuery 中，想要实现这种定时调用函数的功能非常简单，可以使用 setInterval 函数。
setInterval 函数简介
setInterval 函数是 JavaScript 的一个内置函数，它可以周期性地重复执行某个函数。该函数的基本语法如下：
setInterval(function, interval);
其中，function 是每隔一定时间要执行的函数，interval 是函数执行的时间间隔，以毫秒为单位。例如，如果我们想要每隔 5 秒钟调用一个名为 updateData() 的函数，可以使用以下代码：
setInterval(updateData, 5000);
该代码会每隔 5 秒钟执行一次 updateData 函数。
在 jQuery 中使用 setInterval 函数
在 jQuery 中，我们可以将 setInterval 函数与 jQuery 的选择器和事件处理函数结合起来使用，以达到更好的效果。例如，我们可以使用以下代码来实现每隔 5 秒钟切换页面上的图片：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------- ----------- ---------- ------- ---------------- ----- - --------- ------ ---------- ------ --- --------- -------- ---------------------------------------------------------------------------- -------- ----------------------- ----- ------------ - -- ----- ------ - - ------------------------------------------- ------------------------------------------- ------------------------------------------ ---- ---------- ------------- - --------------- - ------------- - -- - -------------- ----------------------- ---------------------- --- ------------------------------ - --------------------------- ------ ----- ---------- ------- ------ ----- ------------------------------------------- -- ------- -------
在上面的代码中，我们定义了一个名为 changeImage 的函数，该函数会将页面上的图片切换为数组 images 中的下一张图片。然后，我们使用 $ 函数来绑定 changeImage 函数到文档加载完成事件 ready 上，并使用 setInterval 函数每隔 5 秒钟自动调用 changeImage 函数。
总结
在 jQuery 中使用 setInterval 函数可以很方便地实现周期性函数调用的功能。通过结合 jQuery 的选择器和事件处理函数，我们可以实现更加灵活和高效的页面动态效果。需要注意的是，在使用 setInterval 函数时，要避免出现内存泄漏等问题，可以在页面卸载时使用 clearInterval 函数清除定时器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8283