我们想知道是否可以使用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();
