javascript - 如何按计时器重定向或关闭网站？

Question

我有一个网站(用 WordPress 构建)，需要在访问者访问 5 分钟后关闭。 (访问者正在进行一项链接到此页面的调查，我需要在浏览外部网站五分钟后让他们返回调查)。在顶 Angular 显示倒计时器会很棒，但不是必需的。

我想出了如何让Javascript关闭计时器上的页面，但我希望访问者能够浏览多个页面，而无需a)我必须在每个页面上放置计时器和b)计时器重置。

这是网页:http://www.cancerclinicalstudyguide.com

谢谢

Answer 1

如果我是对的，您将进行一项调查，将用户重定向到第三方网站，并在一段时间后返回原始网站。简短的回答不能直接完成，因为它需要向第三方添加一些脚本。

解决方案

您可以使用 iframe 来实现同样的目的。 dom 结构将类似于

.container
  iframe
  .timer
  form

现在到了棘手的部分，将iframe显示设置为none。创建两个函数 showFrame 和 hideFrame。名称说明了大部分内容，但请记住切换表单的可见性，因为您不希望其显示在其他页面上。还添加了一个计时器，以防万一您需要时钟。

显示网站的事件

当您到达此点时，调用函数 showFrame 请记住为 iframe 设置 src 属性。并使用 hideFrame 函数调用 setTimeout 函数以及您希望用户返回网站的时间。

清理一下

这里有一些基本的 CSS，可能会对您有所帮助

iframe {
  position: fixed;
  width: 100%;
  height: 100%;
}

.timer {
  position: fixed;
  right: 40px;
  top: 40px;
}