当只能使用html,css和jas时,为静态网站创建一个弹出窗口

时间:2018-01-25 14:36:41

标签: javascript html popupwindow hugo static-site

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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