延迟加载 gif 图像答案

【问题标题】：Delay loading gif image延迟加载 gif 图像
【发布时间】：2013-10-24 02:00:15
【问题描述】：

在我的网页完全加载之前，我正在显示一个 gif 加载图像。它工作正常，但是当我刷新我的网页时，它加载非常快，但 gif 图像会立即显示。

有没有办法让 gif 图像在请求页面后仅显示 2 秒？

【问题讨论】：

2 秒，即使页面没有加载？根据您的回答是 document.ready 或 document.load 隐藏加载器 $('.loader').delay(2000).fadeOut()
@drip 抱歉，我想我不清楚。我的意思是当您请求页面时，gif 应该在请求发出 2 秒后出现，而不是立即出现。显示 gif 和不隐藏它应该有延迟。
抱歉没读好。然后使用fadeIn()，而不是fadeOut()，因为你不想等待页面完全加载，所以在document.ready而不是load上做。

【解决方案1】：

您可以在 2 秒后创建一个超时触发

var myLoadingTimer = setTimeout(function(){
    $('#thegifimage').show(); // show the image
},2000);

并在页面加载时取消这个

$(document).ready(function() {
    clearTimeout(myLoadingTimer); // clearing the timer
    $('#thegifimage').show(); // hiding image tho
});

尽管如此，在 2010 毫秒后加载页面时，总是会发生图像显示；）

【讨论】：