Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在某个特定时间将一个div与另一个div交换_Javascript_Datetime_Html_If Statement_Show Hide - Fatal编程技术网

Javascript 如何在某个特定时间将一个div与另一个div交换

Javascript 如何在某个特定时间将一个div与另一个div交换,javascript,datetime,html,if-statement,show-hide,Javascript,Datetime,Html,If Statement,Show Hide,我有两个女主角和女主角。我想要一个显示divA,然后在某个日期隐藏divA,并显示divB DivA代表“即将到来”,DivB代表“现在在这里!” 试试以下方法: if (new Date() < new Date(2013,1,1)) { document.getElementById("diva").style.display = "block"; document.getElementById("divb").style.display = "none"; } else

我有两个女主角和女主角。我想要一个显示divA,然后在某个日期隐藏divA,并显示divB

DivA代表“即将到来”,DivB代表“现在在这里!”

试试以下方法:

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";
} 

这将检查今天的日期新日期是否在所选日期新日期2013,1,1之前,如果是,则显示diva并隐藏display=none divb-否则相反,使用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>

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

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

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

哇!你太棒了!!!太快了,好吧!让我看看这是否有效,我会回来的!!非常感谢您抽出时间!我马上回来!再次感谢您的帮助,如果我需要更多帮助,我将如何与您联系。。。如果你愿意的话,我们可以做些安排。再次感谢,Steve@Steve只要把你的问题贴在这里,就会有人能帮你……好的,谢谢,谢谢你的帮助。如果你的网页从一个div和几行JavaScript明显变慢了,是时候找一个新的网络主机了。你好!你说使用setinterval是什么意思?我在哪里添加这行代码?这是我的代码,它工作得很好,我只是想知道到底在哪里添加代码。。。。这是我的工作脚本,我只是不知道如何添加间隔检查到它…我在哪里添加间隔检查如果新日期