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 毫秒后加载时，图像总是会显示 ;)