Javascript 正在等待加载图像,如果比预期的快,是否会延迟?
当等待一堆图像加载时,我想设置一个最小等待时间,比如200ms。这意味着,无论图像加载速度有多快,我都会等待,因此: 如果在100毫秒内加载图像,我将等待200毫秒 如果图像加载时间为150ms,则等待200ms 如果图像在300毫秒内老化,我会等待300毫秒 这可能吗 目前我使用Javascript 正在等待加载图像,如果比预期的快,是否会延迟?,javascript,jquery,Javascript,Jquery,当等待一堆图像加载时,我想设置一个最小等待时间,比如200ms。这意味着,无论图像加载速度有多快,我都会等待,因此: 如果在100毫秒内加载图像,我将等待200毫秒 如果图像加载时间为150ms,则等待200ms 如果图像在300毫秒内老化,我会等待300毫秒 这可能吗 目前我使用imagesLoaded来检测何时加载图像,它通常比我预期的要快 container.imagesLoaded(function() { container.fadeIn();
imagesLoaded
来检测何时加载图像,它通常比我预期的要快
container.imagesLoaded(function() {
container.fadeIn();
});
我相信一个简单的调用
setTimeout
就可以了。它将等待200毫秒,然后继续等待图像,如果它们仍然没有加载:
setTimeout(() => {
container.imagesLoaded(function() {
container.fadeIn();
});
}, 200);
您能不能先隐藏一个包装元素,然后在延迟后再显示它?这样,如果它们加载得很快,它们就不会立即可见。如果加载速度变慢,则返回到正常场景。