如果鼠标在网页中的特定时间段处于空闲状态，如何创建弹出窗口？

Question

我是网络开发的新手。我需要帮助实现一个弹出窗口，用于输入存储在数据库中的用户名和联系号码。如果用户在特定时间段（例如10秒）闲置，则弹出窗口应该触发。

我尝试过搜索它，但没有得到适当的解决方案来实现它。请帮我解决这个问题。提前谢谢。

Answer 1

(function($){
    $(function() {
        var _timeout,
            _wait = 15000; // 15 seconds

        $(document).mousemove(function() {
            clearTimeout(_timeout);
            _timeout = setTimeout(function() {
                alert("you havent moved for " + _wait + " seconds!");
            }, _wait);
        });
    });
})(jQuery);

上面的代码提供了空闲逻辑。我建议将mousemove事件绑定到某个元素而不是文档，因为这会导致性能问题。

对于弹出窗口，我建议使用jQuery对话框/模态插件。