Как я могу поменять один div с другим на определенное время

Question

У меня есть 2 деления (#divA & #divB). Я хочу, чтобы один из них отображал #divA, затем в определенный день скрыл divA и показал бы # divB.

DivA будет означать «Скоро будет», а DivB будет представлять «Сейчас здесь!»

Answer 1

Вы можете установить display:none, чтобы скрыть Div, и display:block, чтобы показать его

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

Answer 2

используйте 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 3

Вы должны использовать технологию серверного сайта, такую ​​как php, я думаю. Нет смысла загружать все вещи на клиентскую сторону. Ваша веб-страница будет медленной. Просто посмотрите, можно ли использовать php.

Answer 4

Попробуйте что-то вроде:

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 - иначе наоборот