Всплывающее модальное окно в определенные час.

[vladchv]

Хочю чтобы вот этот попап всплывал только с 7 вечера до 9 утра)) В начале поста выложили решение вроде, но я не знаю как его внедрить конкретно к данному коду.

<div id="modal_form">
      <span id="modal_close">X</span>
	  <form id="form" class="phone_form">
<p id="modal1Title">Заказать обратный звонок</p>
        <div class="f-b user_phone"><p>Тел.:</p><input id="telephone-1" autocomplete="off" name="phone" type="tel" class="putPhone rfield" placeholder="(___) ___ __ __" required></div>
		<div class="f-b"><p>Ваше имя:</p><input autocomplete="off" type="text" class="putName" name="name" placeholder="..." required></div>
        <input type="submit" name="submit" class="btn" value="Отправить заявку">
    </form>
</div>
<div id="overlay"></div>

$(document).ready(function() {
	$('a#go').click( function(event){
		event.preventDefault();
		$('#overlay').fadeIn(400,
		 	function(){
				$('#modal_form') 
					.css('display', 'block')
					.animate({opacity: 1, top: '50%'}, 200);
		});
	});
	$('#modal_close, #overlay').click( function(){
		$('#modal_form')
			.animate({opacity: 0, top: '45%'}, 200,
				function(){
					$(this).css('display', 'none');
					$('#overlay').fadeOut(400);
				}
			);
	});
});

[рони]

vladchv,

$(function() {
  var now = new Date,
      start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 19),
      end = new Date(now.getFullYear(), now.getMonth(), now.getDate()+1, 9);
  if (now >= start && now <= end) {
    if (localStorage.getItem("check") == null) {
      showModal();
    }
  }
  function showModal() {
    localStorage.setItem("check", true);
    $("#overlay").fadeIn(400, function() {
      $("#modal_form").css("display", "block").animate({opacity:1, top:"50%"}, 200);
    });
  }
  $("#modal_close, #overlay").click(function() {
    $("#modal_form").animate({opacity:0, top:"45%"}, 200, function() {
      $(this).css("display", "none");
      $("#overlay").fadeOut(400);
    });
  });
});

[Dilettante_Pro]

Вариант контроля времени:

var now = (new Date).getHours(),
      start =  17,
      end =  9;
  if (now > end && now < start) {
     alert("Попап  не нужен");
  } else { alert("Попап");}

[рони]

Dilettante_Pro,

[Dilettante_Pro]

рони,
Что не нравится?

А по вашему варианту - допустим, я зашел сегодня в 8 утра. И что будет? Должно ли выскочить модальное окно?

[рони]

Dilettante_Pro,
спасибо за идею ... немного не разобрался вначале

$(function() {
  var now = (new Date).getHours(),
      start = 19,
      end = 9;
  if (!(now > end && now < start)) {
    if (localStorage.getItem("check") == null) {
      showModal();
    }
  }
  function showModal() {
    localStorage.setItem("check", true);
    $("#overlay").fadeIn(400, function() {
      $("#modal_form").css("display", "block").animate({opacity:1, top:"50%"}, 200);
    });
  }
  $("#modal_close, #overlay").click(function() {
    $("#modal_form").animate({opacity:0, top:"45%"}, 200, function() {
      $(this).css("display", "none");
      $("#overlay").fadeOut(400);
    });
  });
});

[vladchv]

Спасибо огромное)