JavaScript/jQuery 加载器数学问题

Question

我想我在这里有一个脑子放屁......另外，请注意，setTimeout和硬编码的6只是为了测试动画的正确性现在。它将最终位于 .load() 中并对图像进行计数。不管怎样，这段代码:

var imagesLoaded = 0;

var loader = function(){
  setTimeout(function(){
      if(imagesLoaded < 6){
        imagesLoaded++;
        console.log($('.'+settings.loaderClass).width()/imagesLoaded+'px')
        loader();
      }
  },500)
}

loader();

几乎可以工作，但数学是问题。这倒退了。好吧，所以我将其反转:

console.log(imagesLoaded/$('.'+settings.loaderClass).width()+'px')

但后来我得到:

0.0026041666666666665px
0.005208333333333333px
0.0078125px
0.010416666666666666px
0.013020833333333334px
0.015625px

而且，显然，这是行不通的。

我必须做的数学是什么？基本上标记很简单:

<div class="loader">
   <div class="loaderBar"></div>
</div>

我只是增加了.loaderBar的宽度。

谢谢!

Answer 1

您需要 (imagesLoaded/totalImages) * loaderWidth。