如何在特定时间将一个 div 与另一个交换答案

【问题标题】：How do I swap one div with another on a certain time如何在特定时间将一个 div 与另一个交换
【发布时间】：2012-04-08 17:04:41
【问题描述】：

我有 2 个 div（#divA 和 #divB）。我想要一个显示#divA，然后在某个日期隐藏divA，并显示#divB。

DivA 代表“即将推出”，DivB 代表“现在在这里！”

【问题讨论】：

标签： javascript datetime html if-statement show-hide

【解决方案1】：

使用 setInterval() 来实现，例如，

假设您使用的是 jQuery，页面应该如下所示：

<div id="A"> comming soon</div>
<div id="B" style="display:none"> Now here! </div>

<script>
function check_if_some_content_is_loaded(){
  //your implementation code here...
  is_loaded = ....

  if(is_loaded){
    $("#A").toggle(); 
    $("#B").toggle();
  }
}

$(function(){
  // call the "check ..." function every 10 seconds.
  setInterval("check_if_some_content_is_loaded()", 10000);   
})

</script>

【讨论】：

您好！你是什么意思使用 setinterval 来做到这一点？
我在哪里添加这行代码？
这是我所拥有的代码，它运行良好，我只是想知道究竟在哪里添加代码......这是我的工作脚本，我只是不知道如何添加间隔检查...
我在哪里添加间隔检查？ - - -

【解决方案2】：

您可以设置display:none 隐藏Div 和display:block 显示它

<div id="divA" style="display:none;">Coming Soon </div>

【讨论】：

【解决方案3】：

尝试类似：

if (new Date() < new Date(2013,1,1)) {
   document.getElementById("diva").style.display = "block";
   document.getElementById("divb").style.display = "none";
} else {
   document.getElementById("diva").style.display = "none";
   document.getElementById("divb").style.display = "block";
}

这会检查今天的日期 (new Date()) 是否在选定日期 (new Date(2013,1,1)) 之前，如果是，则显示 diva 并隐藏 (display = "none") divb - 否则相反

【讨论】：

哇！你真棒！！！那太快了，好吧！让我检查一下这是否有效，我会回来的！非常感谢您的参与！我马上回来！
再次感谢您的帮助，如果我需要更多帮助，我将如何与您联系...如果您愿意，我们可以做出某种安排。再次感谢史蒂夫
@Steve 在这里发布您的问题，有人会帮助您....
好的，谢谢，感谢您的帮助

【解决方案4】：

我认为，您必须使用像 php 这样的服务器站点技术。没有用将所有东西加载到客户端。你的网页会很慢。看看能不能用php。

【讨论】：

如果您的网页因 div 和几行 JavaScript 代码而明显变慢，那么是时候寻找新的网络主机了。