Javascript 隐藏具有特定时间限制的div

可能重复：

我需要在重新加载页面的某个时间段后隐藏在Gmail中成功发送的div之类的邮件？请任何人通过提供代码来帮助我。

您可以使用setTimeout延迟函数的执行：

window.setTimeout(doSomething, 1000); // 1000ms == 1 second

要隐藏图元，可以将其“显示”属性设置为“无”：

试试这个：

var timePeriodInMs = 4000;

setTimeout(function() 
{ 
    document.getElementById("myDiv").style.display = "none"; 
}, 
timePeriodInMs);

将jquery添加到html文档中 将脚本标记添加到文档的开头，其中包含： 您正在查看setTimeout表达式timeout；其中，您需要给它一个表达式，以便在分配给它的超时（以毫秒为单位）后运行。然后执行element.style.display=none

例：

---

如果你想让元素在一段时间后消失，不管页面是否重新加载，这就是我阅读你的问题的方式，你必须使用cookies

您必须设置一个具有起始点的cookie

您必须在页面加载上执行JavaScript函数，该函数将cookie中设置的时间与当前时间进行比较，并相应地显示/隐藏元素

对于一个完美的解决方案，您还需要实现一个计时器，它每隔半秒（比如说）将当前日期与cookie中的日期进行比较，并在到达时间时隐藏该元素

---

使用像JQuery这样的框架肯定是个好主意。

如果我没有看错的话，他希望跨页面重新加载持久性。各位，不要在这个问题上浪费时间。请看我对上述问题的评论。我很想给这个plz send teh codez贴上标签：你的意思是在某个时间段之后还是当我重新加载页面时？各位，不要在这上面浪费时间。同一个人一小时前问了同样的问题，在评论中得到了两个人的广泛帮助，但没有得到任何他可以复制+粘贴的东西，所以他决定再次问同样的问题。什么是f****。如果我读对了，他希望在重新加载页面时保持持久性。@Pekka：他说，就像gmail一样，在gmail中，如果我们在发送邮件后重新加载页面，则发送的邮件通知不会持续。@nvl true，但他还说，在我重新加载页面的特定时间段后？他可能没来，还是无标题文档/*$Document.readyfunction{window.setTimeoutfunction{$'DeleteSuces'.hide；}，10000/*延迟时间（毫秒）}；*/设置超时“$DeleteSuccess.hide”，1500；Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii。无标题文档$Document.readyfunction{$'deletesucess'.delay1000.fadeOut；}//设置超时“$DeleteSuccess.hide”，1500；嗨，我试过这个，克里斯，但没有working@rag您是否已将JQuery添加到文档中？这使我认为JQuery并没有实际加载该页面，或者您的文档解析树不知何故被破坏了。javascript控制台说什么？firebug或webkit inspector是否可用？不需要整个26kb的JQuery库就可以做到这一点。如果他不想让a使用图书馆怎么办？如果他使用Mootools？并尝试了ur$document.readyfunction{window.setTimeoutfunction{$'id-of-div.hide；}，10000/*延迟时间（毫秒）*/}；------->不工作：pekka请给出解决方案。如果有任何问题我需要澄清，请询问me@rag提出一个问题，在那里得到远远超出正常水平的广泛支持，然后在20分钟内没有反应时再次提出同一个问题，这是极端粗鲁的。你完全不尊重你的程序员同事的时间和注意力——他们中的大多数人都有工作要做——你可以肯定我不会再花一分钟讨论你的问题了。你自己去学吧。pekka我已经用javascript试过了，因为我需要找到解决方案。@rag然后去找人帮你解决。好的，pekka我让我分析一下这些支持…谢谢大家，我要离开了，谢谢pekka。。

var timePeriodInMs = 4000;

setTimeout(function() 
{ 
    document.getElementById("myDiv").style.display = "none"; 
}, 
timePeriodInMs);

setTimeout(function(){
   document.getElementById('messageID').style.display = 'none';
}, 5000);  //5secs

<script type="text/javascript">
    $(document).ready(function(){
        window.setTimeout(function(){
            $('#id-of-div').hide();
        }, 10000 /* delay time in milliseconds */
    });
</script>

setTimeout( function(){element.style.display="none"}, 4000 );