如果该div上没有活动，请在一段时间后隐藏div

Question

我试图隐藏div，当用户没有点击任何按钮15秒。

我知道如何使用element.style.display = 'none';隐藏和显示div，但我无法理解如何计算div上次活动后的时间。

Answer 1

• 放置一个会在15秒后隐藏div的计时器
• 每次点击，将计时器重置为15秒。

Answer 2

此clearTimeOut example可能有助于您入门。 Konerak提供的指令提供了逻辑。 ：）

Answer 3

如果你比jquery更熟悉，那么有一个名为jquery timer的插件（链接在下面），这将使你能够在规则的时间间隔内运行某些代码。

每当启动页面或div时，设置会话，并将时间保留在会话变量中，如$_SESSION['checkedtime'] = time();

现在使用jquery计时器将psot请求发送到一个文件，该文件检查值并返回活动状态，该页面的基本示例是这样的

check.php

$oldtime = $_SESSION['checkedtime'];
if($oldtime<time()-15) { return 0; }
else { return 1; }

设置时间功能，请参阅演示页

http://www.evanbyrne.com/article/jquery-timer-plugin