jquery - 延迟加载 gif 图像

Question

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

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

Answer 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 毫秒后加载时，总是会发生图像显示；）