如何使用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?");
}

您可以將$（“輸入”）更改為適合您項目的任何條件。