2017-04-19 42 views
1

當等待一堆圖像加載時,我想設置一個200毫秒的最小等待時間。這意味着,無論圖像的速度有多快裝,我會等待時間,所以:等待圖像加載並延遲,如果比預期的更快?

如果在100毫秒加載的圖像,我等待的200ms

如果在150ms的加載圖像,我等待的200ms

如果圖像laoded在300ms以內,我等待300毫秒

這可能嗎?

目前我使用imagesLoaded檢測加載圖像時,通常速度比我預期

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

你能不能簡單地在第一隱藏包裹元素,然後延遲一段時間後表現出來?這樣,如果它們快速加載,它們將不會立即可見。如果它們加載速度較慢,那麼您將回退到正常情況。 – Mark

回答

2

我相信setTimeout一個簡單的調用應該做的伎倆。它會等待200毫秒,然後繼續等待圖像,如果他們仍然不加載:

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

你是對的!它怎麼沒有發生在我身上! – Edward