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

标签 javascript html popupwindow hugo static-site

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

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

最佳答案

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

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

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

关于javascript - 当只能使用html、css和jas时为静态网站创建弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48445401/

相关文章:

javascript - JS 正确启动,但除非我将它放入控制台,否则仍然不会运行

css 溢出-x :auto to show only when width less than certain amount

html - 制作视频与html元素交互

javascript - 根据选定的 <select> 值添加所需的属性

android - PopupWindow z 排序

javascript - JQuery 动画

javascript - 如何让 jPanelMenu 不强制一切都正确?

javascript - 弹出窗口最大化按钮

javascript - Knockout 动态模板在 IE9 中不加载

java - 如何用java处理Selenium弹出窗口