jQuery异步函数调用，无AJAX请求

这看起来很愚蠢，但我找不到如何使用 jQuery 进行不涉及某些服务器端请求的异步函数调用。我有一个缓慢的函数，它会遍历大量 DOM 元素，并且我希望浏览器在该函数运行时不会冻结。我想在调用慢速函数之前显示一个小指示器，然后当慢速函数返回时，我想隐藏该指示器。我有以下内容：

$('form#filter', parentNode).submit(function() {
  var form = $(this);
  indicator.show();
  var textField = $('input#query', form);
  var query = jQuery.trim(textField.val());
  var re = new RegExp(query, "i");
  slowFunctionCall(); // want this to happen asynchronously; all client-side
  indicator.hide();
  return false;
});

目前我提交表单，指示器没有显示，浏览器冻结，然后slowFunctionCall完成了。

Edit: I used 维文的回答 https://stackoverflow.com/questions/6836299/jquery-asynchronous-function-call-no-ajax-request/6836335#6836335，具体来说站点链接 http://www.sitepoint.com/multi-threading-javascript/得到如下解：

var indicator = $('#tagFilter_loading', parentNode);
indicator.hide();
var spans = $('div#filterResults span', parentNode);
var textField = $('input#query', parentNode);
var timer = undefined, processor = undefined;
var i=0, limit=spans.length, busy=false;
var filterTags = function() {
  i = 0;
  if (processor) {
    clearInterval(processor);
  }
  indicator.show();
  processor = setInterval(function() {
    if (!busy) {
      busy = true;
      var query = jQuery.trim(textField.val()).toLowerCase();
      var span = $(spans[i]);
      if ('' == query) {
        span.show();
      } else {
        var tagName = span.attr('rel').toLowerCase();
        if (tagName.indexOf(query) == -1) {
          span.hide();
        }
      }
      if (++i >= limit) {
        clearInterval(processor);
        indicator.hide();
      }
      busy = false;
    }
  }, 1);
};
textField.keyup(function() {
  if (timer) {
    clearTimeout(timer);
  }
  /* Only start filtering after the user has finished typing */
  timer = setTimeout(filterTags, 2000);
});
textField.blur(filterTags);

这会显示和隐藏指示器，并且不会冻结浏览器。您可以看到 DOM 元素在工作时被隐藏，这正是我想要的。

Javascript 在单线程中运行，因此如果你的函数很慢will阻止其他一切。

UPDATE

That will do some of what you want, but keep in mind that they are not widely supported supported in IE (I think they will be in IE10).

有关 Web Workers 的一些资源：

• 使用网络工作者 https://developer.mozilla.org/en/using_web_workers
• 维基百科关于 Web Workers 的文章 http://en.wikipedia.org/wiki/Web_Workers
• WHATWG：网络工作者 http://www.whatwg.org/specs/web-apps/current-work/complete/workers.html

这里有一些关于在没有 Web Worker 的情况下完成多线程的资源。值得注意的是，这不是“真正的”多线程：

• JavaScript 中的多线程 http://www.sitepoint.com/multi-threading-javascript/（标题有点误导；这不是真正的多线程）
• 为什么Javascript不支持多线程？ https://stackoverflow.com/questions/39879/why-doesnt-javascript-support-multithreading
• 有什么方法可以在Javascript中进行多线程吗？ https://stackoverflow.com/questions/30036/javascript-and-threads#30197
• 使用 IFRAME 模拟多线程 http://www.tidytutorials.com/2009/12/real-javascript-multithreading-using.html（我不确定这种方法有多可行；它可能比它的价值更麻烦，并且收益递减定律可能适用。）