如何使我的弹出窗口永久关闭？

Question

我正在为我的网站制作一个弹出式的“订阅邮件列表”表格。 我有一个应该使用此功能关闭表单的按钮：

function closeForm() {
  document.getElementById("mailsub").style.display = "none";
}

但是，似乎是由于还具有打开表单的功能：

setInterval(function openForm() {
  document.getElementById("mailsub").style.display = "block";
}, 700);

当您关闭表单时，它仅在0.7秒后再次打开。

有谁知道如何做到这一点，以便在保留打开表单功能的同时无限期关闭表单？

提前致谢。

Answer 1

setInterval-这将每700毫秒运行一次。 因此请使用setTimeout。 它将在700毫秒后运行一次

setTimeout(function openForm() {
  document.getElementById("mailsub").style.display = "block";
}, 700);

Answer 2

setInterval将导致每0.7秒调用一次打开弹出窗口的功能。 将其更改为setTimeout，它将仅触发一次：

setTimeout(function openForm() {
  document.getElementById("mailsub").style.display = "block";
}, 700);

Answer 3

您必须使用切换按钮来设置不显示或不显示。 这样，如果使用true，则可以使用它，否则不使用。 我也可以为您快速编写代码。

shouldOpen ? 'block' : 'none'

shouldOpen保留值true或false ，并将根据您的业务规则进行设置。