Bunu, özyinelemeli işlev yerine döngüde nasıl değiştirebilirim?

Question

Yani

  var barlen = $('#SSWEprogressbar').width(), 
       $elems = $('[data-srcurl]'), 
        k = 0, 
        n = $elems.length; 
      LoadImage(); 
      function LoadImage() 
      { 
       var $elem = $($elems[k]); 
       var img = new Image(), 
        url = $elem.attr('data-srcurl'); 
       $(img).load(function(){ 
       $('#SSWEloaderfront').attr('src',url); 
       $('#SSWEloadprogress').width((k+1)/n*barlen + "px"); 
        var srctgt = $elem.attr('data-srctgt'); 

        // change url to src attribute or background image of element 
        if (srctgt == "srcattr"){ $elem.attr('src',url); } 
        else if (srctgt == "bgimg") { $elem.css('background-image',"url("+url+")"); } 

        // decide whether to exit the 
        if (++k == n) { AllyticsSSWEPlayerShow(); } 
        else { LoadImage(); } 
       });     
       img.src = url; 
      } 

gibi bir kod parçası ve o load geri arama işlevi şeyler tekrar çalıştırılabilir önce çağrılması gerekir çünkü bu tarafta yazılı olması nedeni var. Mümkünse, bunu bir özyinelemeli işlevden bir döngüye değiştirmek istiyorum, ancak bunu nasıl yapacağımı bilmiyorum çünkü bir sonraki yinelemeye geçmeden önce for veya while döngü "wait" yapmanın bir yolu yoktur. Yoksa orada mı?

Answer 1

Açıklamada belirtildiği gibi, doğrudan işlevi çağırmak yerine else içinde setTimeout(LoadImage, 100); kullanarak sorununuzu kolayca çözebilirsiniz. 2. parametre ms cinsinden gecikme.

Neden setTimeout(LoadImage, 0);'un aptal olmadığını ve doğrudan işlevi çağırmakla aynı olmadığını düşünüyorsanız, setTimeout anladınız. Fonksiyon çağrısını sıraya koyar, bu, basılan tıklamalar veya tuşlar gibi diğer olayların tekrar çağrılmadan önce işlenebileceği ve ekranın donmadığı anlamına gelir. Bunun gibi maksimum tekrarlamaya ulaşmak da imkansızdır, derinlik 1'dir.