Question

我想使用此插件here，它会显示一条消息，说明您是要继续使用会话还是该会话将超时。它几乎是由eric hynds创建的插件，如果用户在一段时间内没有使用计算机，那么如果用户想要继续或不继续，它将显示一条消息。如果是，则继续，否则则用户超时。

但无论如何我的问题是，为了能够使用这种插入，我需要哪些文件？有一个带有2个js脚本的src文件夹，但我不知道id我需要其中一个或两个，所以我想问一下使用过这个插件的人。

此外，如果我想将插件用于多个文档，那么我只是给它们不同的id / class名称吗？

谢谢

Answer 1

只需在demo page's源代码中占据一席之地：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"
type="text/javascript"></script>
<script src="src/jquery.idletimer.js" type="text/javascript"></script>
<script src="src/jquery.idletimeout.js" type="text/javascript"></script>
<script type="text/javascript">
    $.idleTimeout('#idletimeout', '#idletimeout a', {
        idleAfter: 5,
        pollingInterval: 2,
        keepAliveURL: 'keepalive.php',
        serverResponseEquals: 'OK',
        onTimeout: function () {
            $(this).slideUp();
            window.location = "timeout.htm";
        },
        onIdle: function () {
            $(this).slideDown(); // show the warning bar
        },
        onCountdown: function (counter) {
            $(this).find("span").html(counter); // update the counter
        },
        onResume: function () {
            $(this).slideUp(); // hide the warning bar
        }
    });
</script>

Answer 2

您需要在工作区中添加以下两个脚本：

src/jquery.idletimer.js
src/jquery.idletimeout.js

喜欢这里：

<script src="src/jquery.idletimer.js" type="text/javascript"></script>
<script src="src/jquery.idletimeout.js" type="text/javascript"></script>

下载并添加工作空间，然后在JSP中创建JSP添加上面的代码，并包含您想要显示会话超时的任何位置。

的问候， Vaquar Khan

如何使用eric hynds空闲超时插件

2 个答案: