延迟加载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 ms之后加载页面时，可能总会发生图像显示;）