在只能使用html、css和jas的情况下为静态网站创建弹窗window

Creating a popup window for static websites when only html, css and jas can be used

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

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

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

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

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