javascript – jQuery无限功能执行

我们想知道是否可以使用jQuery来检查多个元素,并根据通过一次单击分配给它们的类型执行其他功能.基本上,一个功能将永远运行,而用户不刷新页面.

这个想法不是依赖事件点击来执行一个函数,而是依赖于分配给特定元素的类.

例如：

$("td.gantt").each(function() {
    if($(this).hasClass("oper")) {
       //execute a serie of functions
    }
    if($(this).hasClass("preop")) {
      //execute a serie of functions
    }
});

以上执行一次,我们需要一直运行.

解决方法

// define a function...
function ganttEach() {
  $("td.gantt").each(function() {
    // ...
  });
}

// ...repeat it once every second
window.setInterval(ganttEach,1000);

你不能“让它一直运行”(比如,在一段时间内(真实)循环),因为JavaScript是单线程的,阻塞线程意味着你的其他代码永远不会运行. setInterval()确保其他代码有必要的“间隙”来执行.

setInterval()返回一个ID,您可以将其存储在变量中,并在某个时刻将其提供给clearInterval()以使其再次停止.

如果要确保函数的每个新迭代仅在前一个迭代完成后才开始,请使用setTimeout()代替：

// define a self-repeating function...
function ganttEach() {
  $("td.gantt").each(function() {
    // ...
  });
  window.setTimeout(ganttEach,1000); // calls itself again in one second
}

// ...initiate self-repeating function
ganttEach();

你可能应该包括一些方法来阻止无休止的重复,比如引入一个在setTimeout()调用之前检查过的标志.

原文地址：https://www.jb51.cc/jquery/156432.html