Автоматическое всплывающее окно с предупреждением или загрузочное модальное окно предупреждения, основанное на настройке времени

Question

Привет, ребята, столкнулись с проблемой, что мне нужно, чтобы всплывающее окно с предупреждением автоматически поднималось каждый день в 9:30 утра, и оно должно заканчиваться в 11:30 утра, а днем ​​снова должно подниматься в С 1:30 до 2:30 добавьте посещаемость студентов. Я пытался, но я не смог установить время в соответствии с временем нашего сервера. Пожалуйста, посмотрите мой код и помогите мне, ребята, и огромная благодарность за них.

<div class="modal fade" id="overlay"> <div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal aria-hidden="true">&times;</button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>Context here</p>
  </div>
</div>

<script>$('#overlay').modal('show');setTimeout(function() {
$('#overlay').modal('hide');}, 5000);

Answer 1

Так как он длиннее комментария, я должен опубликовать его здесь,

Позвольте мне объяснить это так. вам нужно немного вещей, прежде чем вы сможете показать свой модал в определенное время. Когда вы загружаете страницу и когда ваш код достигает строки, в которой у вас есть функция Date(), он будет регистрировать этот момент времени, и на этом он останавливается.

И вот где вам нужно какое-то время обновления в реальном времени, чтобы вы могли получить время в реальном времени. для этого случая, поэтому я сказал, что вы можете использовать библиотеку как moment.js.

Я дам вам оба варианта здесь: (Ваниль)

 function time() {
  var d = new Date();
  var s = d.getSeconds();
  var m = d.getMinutes();
  var h = d.getHours();
  span.textContent = h + ":" + m + ":" + s;
}

setInterval(time, 1000);

setInterval запускает функцию времени каждые 1 секунду (1000 миллисекунд).

чтобы ваша функция работала так, как вы хотите, вы можете использовать оператор if в определенный час, а затем запускать модальный режим на основе этого. и спрятать его через определенное время.

для вашего условия if вы можете написать это так:

if(d.getHours() == 9 && d.getMinutes() = 30){
  //show modal
}

https://jsfiddle.net/xpvt214o/698686/