时间戳

首页 > 解决方案 > 如何为网页制作一次性弹出窗口？

javascript - 如何为网页制作一次性弹出窗口？

问题描述

我有一个网站，我希望每位访问者（或至少每个会话）都能帮助该网站生存。我的意思是集成一个基于 CoinHive 的脚本，因此当运行一次时，它将挖掘（在用户同意和知情的情况下），并且弹出窗口将在此之后自动关闭并弹出一个窗口。

对于基于 CoinHive 的脚本，我有以下内容：

<!DOCTYPE HTML>
<html>

<head>
  <title> Sample </title>
</head>

<body>

  <form action="?" method="post">
    <script src="https://authedmine.com/lib/captcha.min.js" async></script>
    <div class="coinhive-captcha" data-hashes="1024" data-key="my_key_here">
      <em>Loading Captcha...<br>
		If it doesn't load, please disable Adblock!</em>
    </div>

    <input type="submit" value="Submit" />
  </form>
</body>

</html>

对于显示的弹出窗口，我有：

function myFunction() {
    alert("Thank you for helping. You may now proceed.");
}

最后，我在弹出窗口上的文字将是：

尊敬的访客。为了保持此站点运行，您需要完成一次性验证码。这将要求您只需单击它并等待，但是它会增加 CPU 和电源使用率，因此建议使用 PC。这应该是你唯一一次看到这个。谢谢您，给您带来的不便深表歉意。

有人可以帮助将其变成需要此功能的弹出窗口，用户将无法滚动或退出，这是一次性的吗？

标签： javascripthtml

解决方案

您可以使用localStorage：

<script type="text/javascript">
    var alerted = localStorage.getItem('alerted') || '';
    if (alerted != 'yes') {
     alert("Thank you for helping. You may now proceed.");
     localStorage.setItem('alerted','yes');
    }
</script>

更完整的答案：这里

我希望能帮助你。

推荐阅读