如何一次性弹出网页?

时间:2018-07-09 19:59:40

标签: javascript html

我有一个网站,我希望每个访问者(或至少每个会话)都可以帮助该网站生存。通过这种方式,我的意思是集成基于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。这应该是您唯一看到此消息的时间。谢谢您,不便之处,敬请谅解。

有人可以帮助将其变成需要该的弹出窗口,用户将无法滚动或退出并且这是一次性的吗?

不需要添加太多CSS,因为这是我的主要专长,我们将不胜感激

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用 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>

更完整的答案:Here

希望对您有所帮助。