Jquery 延迟加载gif图像

Jquery 延迟加载gif图像,jquery,css,gif,Jquery,Css,Gif,在我的网页完全加载之前,我正在显示一个gif加载图像。它工作正常,但当我刷新我的网页时,它加载得非常快,但gif图像会立即显示出来 是否有办法使gif图像在请求页面后仅2秒显示?您可以在2秒后创建一个触发超时 var myLoadingTimer = setTimeout(function(){ $('#thegifimage').show(); // show the image },2000); 并在加载页面时取消此操作 $(document).ready(function() {

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


是否有办法使gif图像在请求页面后仅2秒显示?

您可以在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毫秒后加载时,总是会显示图像;)

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