javascript - 文本区域输入更改后的setInterval

Question

我想在输入更改后和 2 秒后保存文本区域信息。

我用这段代码试过了:

jQuery('#textarea').on('input propertychange paste', function() {
    setInterval(function() {
        //save
     }, 2000);
});

但它不是很有效，因为似乎我创建了某种无限循环。

有什么想法吗？谢谢

Answer 1

首先您需要使用setTimeout 而不是setInterval。如果 textarea 有新的变化，你需要清除之前的计时器。例如这样的事情:

jQuery('#textarea').on('input propertychange paste', function() {

    // Clear previous timeout
    if ($(this).data('timeout')) {
        clearTimeout($(this).data('timeout'));
    }

    // Set up new one
    $(this).data('timeout', setTimeout(function() {
        //save
     }, 2000));
});