等待图像加载并延迟,如果比预期更快?

时间:2017-04-19 17:05:51

标签: javascript jquery

在等待加载一堆图像时,我想设置一个等待时间为200毫秒的最小等待时间。这意味着,无论图像加载得多快,我都会等待那个时间,所以:

  

如果图像以100ms加载,我等待200ms

     

如果图像以150ms加载,我等待200ms

     

如果图像以300毫秒为单位,我等待300毫秒

这可能吗?

目前我使用imagesLoaded检测何时加载图像,通常比我预期的要快

        container.imagesLoaded(function() {
            container.fadeIn();
        });

1 个答案:

答案 0 :(得分:2)

我相信对setTimeout的简单调用应该可以解决问题。它将等待200毫秒,然后等待图像,如果它们仍然没有加载:

setTimeout(() => {
  container.imagesLoaded(function() {
        container.fadeIn();
    });
}, 200);