我有一个网站(用 WordPress 构建),需要在访问者访问 5 分钟后关闭。 (访问者正在进行一项链接到此页面的调查,我需要在浏览外部网站五分钟后让他们返回调查)。在顶 Angular 显示倒计时器会很棒,但不是必需的。
我想出了如何让Javascript关闭计时器上的页面,但我希望访问者能够浏览多个页面,而无需a)我必须在每个页面上放置计时器和b)计时器重置。
这是网页:http://www.cancerclinicalstudyguide.com
谢谢
最佳答案
如果我是对的,您将进行一项调查,将用户重定向到第三方网站,并在一段时间后返回原始网站。简短的回答不能直接完成,因为它需要向第三方添加一些脚本。
解决方案
您可以使用 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;
}
关于javascript - 如何按计时器重定向或关闭网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42937031/