JQuery 每秒调用一次函数 - JavaScript

在前端开发中，我们经常需要在页面上定时执行某个函数。本文将介绍如何使用 JQuery 实现每秒调用一次函数。

使用 setInterval() 函数

setInterval() 函数是 JavaScript 内置的函数，可用于每隔一定时间重复执行某个函数。下面是一个简单的例子：

setInterval(myFunction, 1000);

上面的代码将每秒调用 myFunction 函数一次。

使用 JQuery 的稍作封装方式

其实 JQuery 已经为我们提供了更好用的 API，我们可以轻松地使用它们来定时执行某个函数。下面是一个示例代码：

function myFunction() {
  console.log("Hello World!");
}

$(document).ready(function(){
  setInterval(myFunction, 1000);
});

上述代码的第一行定义了一个 myFunction 函数，该函数将在每秒钟被调用一次。在使用 setInterval() 函数之前，我们需要先使用 $(document).ready(function(){}) 指定 JQuery 对象的加载时间，该函数会在文档准备就绪后自动调用。

总结

至此，我们已经了解了如何使用 JQuery 实现每秒调用一次函数。使用 setInterval() 函数，我们可以轻松地执行任何需要定时执行的任务。同时，JQuery 的所提供的 $('document').ready() 函数可以保证我们的逻辑在页面元素准备就绪后再执行，从而避免了因为 DOM 元素还没加载而引起的错误。

参考链接

• setInterval() - JavaScript | MDN https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval
• $(document).ready() - JavaScript | JQuery API 文档 https://api.jquery.com/ready/