如何使用javascript / jquery在30分钟内没有使用表单字段时显示警告消息？

Question

我有一个带有几个输入字段的表单，我想要一个显示弹出消息的脚本，如果在某个时间范围后没有使用任何字段，则询问“你还在吗？” 或类似的东西。

可能吗？ 请指教，谢谢！

Answer 1

您需要启动计时器30分钟，并将change事件附加到您的所有字段。 在更改时，您要删除当前计时器，并再创建一个新计时器30分钟。

例如，它会是这样的：

$('input[type=text]').bind('change', function (e) {
    // .. Triggered every time a form text field is changed
    // .. Do stuff here
});

对于计时器，你只需使用settimeout

Answer 2

以下是JsFiddle中的完整示例：

• http://jsfiddle.net/Zsjtn/

我建议使用setTimeOut来调用要显示消息的方法或执行您想要执行的操作。 然后在所有输入类型的更改事件上尝试重置TimeOut。 这是模拟这种情况的JS代码：

// Timer for 3 seconds to call formTimeOut function 
var _timer = setTimeout("formTimeOut()",3000);

$(function(){

    // Monitor Value change of Inputs in your HTML
    $("input").change(function(){

        // Clear previous timer 
        clearTimeout(_timer);
        // Reset the timer to re-run after 3 seconds.
        _timer = setTimeout("formTimeOut()",3000);

    });
});

// This is the function that will run after time out
function formTimeOut(){

    // Timeout Logic goes here
    alert("Are you there?");
}

您可以将$（“输入”）更改为适合您项目的任何条件。