jquery - 如何在 HTML、Jquery 中创建类似屏幕的屏幕保护程序

Question

我创建了一个 Web 应用程序 KIOSK。但我的问题是假设用户使用 KIOSK 应用程序，并且在使用此应用程序后用户离开了屏幕。另一个用户来了，用户将看不到主页。

所以我想创建一个系统，在使用这个应用程序后，应用程序等待用户交互。如果没有发生交互，应用程序会在特定时间后自动重定向到主屏幕或主页。如何执行此操作。在此先感谢。

Answer 1

$(document).ready(function(){
    var timeout;
    $(document).on("mousemove keydown click", function() {
        clearTimeout(timeout);
        timeout = setTimeout(function() {
             window.location = "homePage.htm";
        }, 2 * 60 * 1000);
    }).click();
});

上面使用的所有函数都在jQuery 站点或MDN中有详细记录。

编辑- 解释这是如何工作的：它设置一个计时器在两分钟后重定向。（显然这个时间是可以调整的。）如果用户移动鼠标、点击或输入，则清除计时器并设置一个新计时器。当页面首次加载以启动第一个计时器时触发此处理程序一次。

因此，如果用户在 2 分钟内未触发处理程序，则会发生重定向。