隐藏具有特定时间限制的 div [重复]答案

【问题标题】：hiding a div with certain time bound [duplicate]隐藏具有特定时间限制的 div [重复]
【发布时间】：2010-03-11 16:20:49
【问题描述】：

可能重复：
how to hide a div after some time period?

当我重新加载页面时，我需要在一定时间后隐藏一个 div（比如在 gmail 中成功发送的邮件）？请任何人通过提供代码来帮助我..

【问题讨论】：

我很想标记这个plz-send-teh-codez :)
你的意思是“在某个时间段之后或当我重新加载页面时”？
伙计们，不要在这上面浪费时间。同一个人一个小时前问了同样的问题，得到了 cmets 中两个人的广泛帮助，但没有得到任何可以复制+粘贴的东西，所以他决定再次问同样的问题。什么他妈的。 stackoverflow.com/questions/2426304/…

标签： javascript

【解决方案1】：

试试这个：

var timePeriodInMs = 4000;

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

【讨论】：

如果我没看错的话，他希望在页面重新加载时保持持久性。
伙计们，不要在这个问题上浪费时间。请参阅我对上述问题的评论。

【解决方案2】：

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

【讨论】：

如果我没看错的话，他希望在页面重新加载时保持持久性。
@Pekka：他说就像 gmail，在 gmail 中，如果我们在发送邮件后重新加载页面，“邮件已发送”通知不会持续存在。
@nvl 是的，但他也说after certain time period when i reload the page ?
可能是他错过了“或”？ :)
无标题文档
hiiiiiiiiiii
不工作 pekka

【解决方案3】：

如果您希望元素在一段时间后消失，无论页面是否重新加载（这就是我阅读您问题的方式），您必须使用 cookie。

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

使用像 JQuery 这样的框架当然是一个好主意。

【讨论】：

:) pekka 请给出一个解决方案。如果我需要澄清我的问题请问我
@rag 在极端中打开一个问题是粗鲁的，在那里获得了远远超出正常水平的广泛支持，然后当没有反应时20 分钟以重新打开同样的问题。你对你的程序员同事的时间和注意力表现出零尊重——他们中的大多数人都有工作要做——你可以肯定我不会再花一分钟时间回答你的问题。自己去学吧。
pekka 我已经在 javascript 中尝试过，因为我需要找到任何一个解决方案..
@rag 然后去找人帮你解决。
ok pekka，我让我分析一下这些支持...谢谢大家，谢谢 pekka..

【解决方案4】：

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

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

要隐藏元素，可以将其display 属性设置为none：

var element = document.getElementById('foo');

function doSomething() {
    element.style.display = 'none';
}

【讨论】：

如果我没看错的话，他希望在页面重新加载时保持持久性。

【解决方案5】：

您正在查看setTimeout( expression, timeout );，您需要给它一个expression，以便在您分配给它的timeout 之后运行（以毫秒为单位）。那么你会做element.style.display="none"

例如：

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

【讨论】：

【解决方案6】：

将 jquery 添加到您的 html 文档中
将脚本标签添加到文档的头部，其中包含：

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

【讨论】：

无标题文档
hiiiiiiiiiii
我试过这个 kris 但没用
@rag 你在文档中添加了 JQuery 吗？
这让我觉得 jquery 实际上并没有为那个页面加载，或者你的文档解析树不知何故被破坏了。 javascript控制台说什么？（firebug 或 webkit 检查器可用？）
不需要整个 26kb 的 JQuery 库来执行此操作。如果他不想使用图书馆怎么办？如果他使用 Mootools 怎么办？
并尝试了你的 $(document).ready(function(){ window.setTimeout(function(){ $('#id-of-div').hide(); }, 10000 / * 以毫秒为单位的延迟时间 */ }); ------------->不工作