Question

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

DivA将代表'即将推出'而DivB将代表'Now Here！'

4 个答案:

答案 0 :(得分：0)

答案 1 :(得分：0)

答案 2 :(得分：-1)

答案 3 :(得分：-2)

Answer 1

尝试类似：

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"）{{1 - 反之亦然

Answer 2

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

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

Answer 3

使用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>

Answer 4

我认为你必须使用像php这样的服务器站点技术。不使用将所有内容加载到客户端。您的网页会很慢。只要看看是否可以使用php。

如何在一定时间内将一个div与另一个div交换

4 个答案: