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?");
}

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

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

2 个答案: