根据时间设置自动弹出窗口警报框或bootstarp模式警报框

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/