ажется глупым, но я не могу найти, как сделать асинхронный вызов функции с 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 закончен.

Редактировать: я использовалОтвет ВивинконкретноСсылка на сайт чтобы получить следующее решение:

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 скрываются, когда они работают, именно на это я и рассчитывал.