在只能使用html、css和js时为静态网站创建弹窗答案

【问题标题】：Creating a popup window for static websites when only html, css and jas can be used在只能使用html、css和js时为静态网站创建弹窗
【发布时间】：2018-01-25 14:36:41
【问题描述】：

我正在使用 Hugo 静态网站生成器，我想知道一个只有 HTML、CSS 和 javascript 的静态网站，如何在几秒钟后添加一个弹出窗口来捕获访问者的电子邮件。

我找到了this article，但我不确定它是否是完整的代码，而且我不想在向下滚动时触发，而是在几秒钟后触发。

【问题讨论】：

这个问题有点太宽泛了。如果你有一个静态 HTML，它的工作方式与你的工作方式相同，它与 Hugo 本身无关。您可以 setTimeout 一个函数，该函数将在您的电子邮件表单中显示先前隐藏的叠加层，并将点击处理程序设置为背景，并设置 x 按钮将其隐藏。
非常感谢您的帮助。你能指点我的资源/参考吗？

标签： javascript html popupwindow hugo static-site

【解决方案1】：

您可以使用 setTimeout ，它会在一定时间后提示一个框。之后，您可以使用来自用户的电子邮件做任何您想做的事情。您可以在页面加载或点击时调用此方法。

emailCapture = () => {
  setTimeout(()=>{
  const email = window.prompt("Please give us your email","example@mail.com");
}, 2000)
};

这是一个例子： https://codepen.io/anon/pen/VyJQJQ

【讨论】：

感谢您的回答。我怎样才能让它在不点击任何东西的情况下运行？那么当用户在我的页面上时它会自动弹出？
window.onload = function() { emailCapture(); };