Question

我有一个网站（内置于Wordpress），需要在访问者在那里停留5分钟后关闭。（访问的人正在进行一项链接到此页面的调查，我需要在浏览外部网站五分钟后让他们回到调查中）。在顶角显示倒数计时器会很棒，但不是必需的。

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

由于

Answer 1

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

解决方案

您可以使用iframe。 dom结构将位于

的某个位置

.container
  iframe
  .timer
  form

现在是棘手的部分，将iframe显示设置为无。创建两个函数showFrame和hideFrame。该名称大部分都是这样，但请记住切换表单的可见性，因为您不希望它显示在其他页面上。还添加了一个计时器，以防万一你想要一个时钟。

当您到达此点时，呼叫功能showFrame请记得为iframe设置src属性。并使用setTimeout功能和您希望用户返回您网站的时间来调用hideFrame功能。

以下是一些可能对您提供帮助的基本CSS

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

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

Answer 2

有几种方法可以解决这个问题。

您也可以不使用计时器。我真的不明白你为什么要限制用户的时间。