我希望使用 jquery 根据当前系统时间关闭模态弹出窗口？

Question

我希望根据当前系统时间关闭模型弹出窗口。现在，模型弹出窗口不会根据当前系统时间关闭，换句话说，弹出窗口会在查询静态时间关闭。我如何在当前系统时间 15 mintues 之后关闭模态弹出窗口？

Html 模态弹出

 <a href="javascript:void(0);" data-toggle="modal" data-target="#myModal" 
 class="btn btn-own btn-user redeem_btn"> Redeem Now </a>   

 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" 
aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p id="countdown"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Jquery

    $(document).ready(function() {
    $(".redeem_btn").on("touchstart, click", function(e) {

        var dt = new Date();
        var time =  dt.getMinutes();

        alert(time);

        $('#myModal').modal('show');
        //var counter = 15;
        var interval = setInterval(function() {
            //counter--;
            $("#countdown").html('Window will close in ' + counter + ' seconds.');

            if (time == 15) {

                $('#myModal').modal('hide');
                alert(time);
                clearInterval(interval);
            }
        }, time);
        $('body').bind('mousedown keydown', function(event) {
            //counter = 15;
        });
    });

});

Answer 1

JQUERY

$(document).ready(function() {
  $(".redeem_btn").on("touchstart, click", function(e) {

    $('#myModal').modal('show');

    let time = 15 * 60 * 1000 // 15 minutes
    setTimeout(function(){ 
      $('#myModal').modal('hide');
      alert(time);
      clearInterval(interval);
    }, time);

    let interval = setInterval(function() {
      let minutes = Math.floor(time / 60000);
      let seconds = ((time% 60000) / 1000).toFixed(0);
      $("#countdown").html('Window will close in ' + minutes + ':' + seconds);
      time = time - 1000
      // comment `setTimeout` if use `if` 
      // if (time < 0) {
      //  alert(time);
      //  clearInterval(interval);
      // }
    }, 1000); // every 1 second
  });
});

我希望使用 jquery 根据当前系统时间关闭模态弹出窗口？

I want the model popup to be closed based on current system time using jquery?

javascript

html

jquery

timer

countdown