работает Аэропорт Jquery на неопределенный срок

Question

Я использую Аэропорт Jquery следующим образом:

$('#basketTotal').airport([s]); 
$('#basketTotal').html(s); 

Вот функция Аэропорт:

(function($){ 
    $.fn.extend({ 
     airport: function(array) { 
     var self = $(this); 
     var chars = ['1','2','3','4','5','6','7','8','9','0','.','£']; 
     var longest = 0; 
     var items = items2 = array.length; 
     function pad(a,b) { return a + new Array(b - a.length + 1).join(' '); } 
     $(this).empty(); 
     while(items--) 
      if(array[items].length > longest) longest = array[items].length; 
     while(items2--) 
      array[items2] = pad(array[items2],longest); 
     spans = longest; 
     while(spans--) { 
      $(this).prepend("<span class='c" + spans + "'></span>"); 
     } 

      function testChar(a,b,c,d){ 
      $(self).find('.c'+a).html((chars[b]==" ")?"&nbsp;":chars[b]); 
      setTimeout(function() { 
       if(b > chars.length) 
        testChar(a+1,0,c,d+1); 
       else if(chars[b] != array[c].substring(d,d+1).toLowerCase()) 
        testChar(a,b+1,c,d); 
       else 
        testChar(a+1,0,c,d+1); 
      }, 15); 


     } 
     testChar(0,0,0,0); 
    } 

    }); 
})(jQuery); 

я только когда-нибудь передать одну строку в аэропорт function (не массив строк). Аэропорт работает бесконечно и не останавливается, но мне нужно остановить его и выполнить $('#basketTotal').html(s);, когда он будет готов.

Как я могу остановить функцию, когда она закончила одну итерацию анимации?

Answer 1

В начале testChar() вы можете добавить тест, чтобы убедиться, что вы сделали с количеством итераций, которые хотите сделать, и если да, просто вернитесь.

Если вы вернетесь с testChar(), не делая setTimeout(), то анимация остановится.

Я не совсем понимаю, когда вы хотите, чтобы это остановить, так что я не знаю точно, что проверяемое условие, чтобы рекомендовать, но он будет здесь:

 function testChar(a,b,c,d){ 

      // if (done now) return; 

      $(self).find('.c'+a).html((chars[b]==" ")?" ":chars[b]); 
      setTimeout(function() { 
       if(b > chars.length) 
        testChar(a+1,0,c,d+1); 
       else if(chars[b] != array[c].substring(d,d+1).toLowerCase()) 
        testChar(a,b+1,c,d); 
       else 
        testChar(a+1,0,c,d+1); 
      }, 15); 
     } 

Если это только простой счетчик для определенное количество итераций, то вы можете просто инициализировать этот счетчик до testChar(), increment it inside of testChar() `и проверить, выполнено ли желаемое количество итераций. Если это так, просто вернитесь без установки таймера.

OK, после изучения код немного (то есть один неясный алгоритм без описания того, как он должен работать), это выглядит, как вы можете прервать анимацию так:

function testChar(a,b,c,d){ 
     // if we're beyond the number of spans we have, we must be done 
     if (a > longest) return; 

     $(self).find('.c'+a).html((chars[b]==" ")?" ":chars[b]); 
     setTimeout(function() { 
      if(b > chars.length) 
       testChar(a+1,0,c,d+1); 
      else if(chars[b] != array[c].substring(d,d+1).toLowerCase()) 
       testChar(a,b+1,c,d); 
      else 
       testChar(a+1,0,c,d+1); 
     }, 15); 
    }