自动关闭模式，将多次激活功能计时器

Question

所以我的问题就在这里：我试图设置一个关闭模态的计时器函数，但我注意到模态只关闭了一次。我再次按下按钮以显示模态，但它留在那里，不再隐藏。

这是我的脚本：

<script type="text/javascript">
      setTimeout(function(){
    $('#dialogModal').modal('hide')
      }, 10000);
</script>

下面是 HTML 按钮标记：

<button id="reqpay" type="button" class="btn btn-primary btn-lg btn-block" data-toggle="modal" data-target="#dialogModal" onclick="function();"> REQUEST PAYMENT
    </button> 

Answer 1

问题是setTimeout只运行一次。您需要使用 setInterval 和 clearInterval 来实现您的代码。

setInterval MDN： https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

clearInterval MDN： https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearInterval