使用jQuery在5秒内显示一个div

我想在5秒内在我的网站上淡入一个div。另外，我不想使用css

Display:none

来隐藏div，因为这个div非常重要，我想如果用户没有启用JS，div将永远被隐藏。所以你们能告诉我如何在网站加载时隐藏div并在5秒内使其可见吗？谢谢你

<div id="lead_form"></div>

---

如果JS被禁用，您不想永远隐藏div，您应该在doc ready上隐藏它，然后在5秒钟内再次显示它。这里有一个例子来说明这种行为。但是，如果div足够重要，可以在关闭JS的情况下一直显示，那么我不确定您是否真的想隐藏它，然后首先显示它。

试试这个

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

---

如果您想创建一个非结构化的特性，默认情况下应该让div可见

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

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

$(document).ready(function() {

    // Hide the div
    $("#lead_form").hide();

    // Show the div in 5s
    $("#lead_form").delay(5000).fadeIn(500);

});

---

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

<noscript>
    <div id="lead_form"></div>
</noscript>

---

首先，在添加到页面之前，您应该隐藏

$（'#加载表单'）

。隐藏（），然后您应该使用此函数显示它

。fadeIn（[duration][，callback]）

---

您必须设置

duration

5000。

如果您打算显示Div几秒钟，下面的代码对我有效

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

---

你的要求与你的描述相矛盾。实际上，您要求在根本不使用Javascript的情况下执行此操作。记住，当禁用javascript时，jquery也将被禁用。不，我不是说不使用javascript。我的意思是不使用CSP，请编辑您的描述以澄清“如果用户没有启用JS…”@Uds@sushanth reddy Ahh..他不想使用

display:none

。添加

$（'lead_form'）。隐藏（0）

立即隐藏DOM ready上的元素，然后使用上面提供的代码。是的，这可以做到。但更准确的做法是这样使用：（display:none）并使用jQuery将其更改为（display:block）我试图在页面加载后淡入以吸引注意力。这是个小把戏。

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

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