Question

  $(window).load(function(){
  $("#loading").show(10); //it was hide but changed to show, not working


  <div id="loading">
  Loading content, please wait..
  <img src="loading.gif" alt="loading.." />
  </div>

如何让此加载栏显示10秒钟？

非常感谢任何帮助！

Answer 1

如果您的意思是它正在显示，并且您希望它在10秒后隐藏，请执行以下操作：

$("#loading").delay(10000).hide(0);

或者，如果您确实想要使用.hide()制作动画，请添加更长的持续时间：

$("#loading").delay(10000).hide(400);

Answer 2

 $('#loading').delay(10000).fadeOut();

如果你不想淡出，你也可以

 $('#loading').delay(10000).queue(function(){ $(this).hide();$(this).dequeue(); });

文件：

Answer 3

setTimeout(function(){ $("#loading").fadeOut(); }, 10000);

Answer 4

使用Jquery delay

   $("#loading").show().delay( 10000 ).hide();

Answer 5

$('#loading').animate({ opacity: 1 }, 10000);

Answer 6

您可以添加此代码...

$("#loading").show(10000,function(){
$("#loading").hide();
});

<div id="loading" style="display:none;">
  Loading content, please wait..
<img src="loading.gif" alt="loading.." />
</div>

这将显示div仅10秒.. 10秒后div将消失..

Jquery显示div 10秒

6 个答案: