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

Javascript 当只能使用html、css和jas时,为静态网站创建弹出窗口,javascript,html,popupwindow,hugo,static-site,Javascript,Html,Popupwindow,Hugo,Static Site,我正在使用Hugo static website generator,我想知道一个只有HTML、CSS和javascript的静态网站,如何在几秒钟后添加一个弹出窗口来捕获访问者的电子邮件 我已经找到了,但我不确定它是否是一个完整的代码,也不希望在向下滚动时触发,我希望在几秒钟后触发。您可以使用setTimeout,它在一定时间后会提示一个框。之后,你可以通过用户的电子邮件做任何你想做的事情。 您可以在页面加载或单击时调用此方法 emailCapture = () => { setTi

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


我已经找到了,但我不确定它是否是一个完整的代码,也不希望在向下滚动时触发,我希望在几秒钟后触发。

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

emailCapture = () => {
  setTimeout(()=>{
  const email = window.prompt("Please give us your email","example@mail.com");
}, 2000)
};
以下是一个例子:

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

emailCapture = () => {
  setTimeout(()=>{
  const email = window.prompt("Please give us your email","example@mail.com");
}, 2000)
};
以下是一个例子:

这个问题有点太宽泛了。它的工作方式与使用静态HTML时的工作方式相同,它与Hugo本身无关。您可以设置Timeout函数,该函数将显示电子邮件表单中以前隐藏的覆盖,并将单击处理程序设置为后台,然后使用x按钮将其隐藏。非常感谢您的帮助。你能给我指一个参考资料吗?这个问题有点太宽泛了。它的工作方式与使用静态HTML时的工作方式相同,它与Hugo本身无关。您可以设置Timeout函数,该函数将显示电子邮件表单中以前隐藏的覆盖,并将单击处理程序设置为后台,然后使用x按钮将其隐藏。非常感谢您的帮助。你能给我指一个参考资料吗?谢谢你的回答。我如何让它在不点击任何东西的情况下运行?所以当用户在我的页面上时,它会自动弹出?window.onload=function(){emailCapture();};谢谢你的回答。我如何让它在不点击任何东西的情况下运行?所以当用户在我的页面上时,它会自动弹出?window.onload=function(){emailCapture();};