javascript - 如何在 javascript 中立即手动运行 setTimeout 计时器？

Question

我有一个包含 Repeater 的表单，它有一个 RadioButtonList 和一个 TextBox。当用户更改单选按钮或其中一个 TextBox 中的文本时，所选项目和该 Repeater 项目的关联文本应保存到数据库中。

由于 .change() 函数，当单选按钮更改时保存很容易，但是对于 TextBox 我正在创建一个计时器，当文本更改时保存用户停止输入 2 秒后的数据

问题是，如果用户在计时器执行前离开页面或开始在不同的 TextBox 中键入内容，我需要手动执行计时器。我该怎么做？

我的 javascript 看起来像这样:

var typingTimer;                //timer identifier
var doneTypingInterval = 2000;  //time in ms, 2 second for example

$('textarea').on('input', function () {
    // Clear timer
    clearTimeout(typingTimer);

    // Set new timer to save form, passing current repeater item to Save method
    var parent = $(this).closest('.my-repeater-section');
    typingTimer = setTimeout(function () { saveForm(parent); }, doneTypingInterval);
});

Answer 1

计时器只是一个延迟的函数调用。因此，为您的函数命名，您将能够“手动”调用它:

var typingTimer;                //timer identifier
var doneTypingInterval = 2000;  //time in ms, 2 second for example

$('textarea').on('input', function () {
    // Clear timer
    clearTimeout(typingTimer);

    // Set new timer to save form, passing current repeater item to Save method
    var parent = $(this).closest('.my-repeater-section');

    function callback() {
        saveForm(parent);
    }

    typingTimer = setTimeout(callback, doneTypingInterval);

    // call it manually like usual:
    // callback();
});