使用jQuery在5秒内显示div

我希望在5秒内淡出我网站上的div。 另外，我不想使用css Display:none来隐藏div，因为这个div非常重要，我想如果用户没有启用JS，div将永远隐藏。 那么你们可以告诉我如何在网站加载时隐藏div并在5秒内显示它吗？ 谢谢堆。

Answer 1

 setTimeout(function(){ $('#lead_form').show();// or fade, css display however you'd like. }, 5000);` 

Answer 2

如果你想制作一个不显眼的function，你应该默认显示div。

正确加载页面时，要做的第一项任务是使用jQuery隐藏DIV，然后运行动画以在5s内显示它。

通过这种方式，如果没有激活JS，则DIV已经可用。

 $(document).ready(function() { // Hide the div $("#lead_form").hide(); // Show the div in 5s $("#lead_form").delay(5000).fadeIn(500); }); 

Answer 3

使用noscript标记并在其中放入div以在浏览器中禁用java脚本时显示。

对于支持java脚本的浏览器，使用以下代码在五秒内淡入

 $("#lead_form").fadeIn(5000); 

Answer 4

试试这个

  $('#lead_form').hide("fast",function(){ $("#lead_form").show(5000); }); 

Answer 5

下面的代码对我有用，如果你打算将Div显示几秒钟……

 $('#divInfo').fadeIn("fast", function(){ $("#divInfo").fadeOut(4000); }); 

Answer 6

因为如果JS被禁用，你不想永远隐藏div，你需要将它隐藏在doc ready上，然后在5秒内再次显示它。 这是一个演示行为的小提琴 。 但是，如果div足够重要，可以随时关闭JS，那么我不确定你是否真的想隐藏它然后首先显示它。

Answer 7

首先你应该在追加到页面之前隐藏$('#load_form') ： $('#load_form').hide()然后你应该用这个函数显示它.fadeIn( [duration] [, callback] )你必须设置duration 5000。