javascript - 设置 localStorage 保存的频率

Question

我正在创建一个在线文本编辑器。

我使用 jQuery 在客户端存储信息

$(document).ready(function () {
    $('#type-name').blur(saveSettings);
    loadSettings();
});

function loadSettings() {
    $('#type-name').val(localStorage.typewriter);
}

function saveSettings() {
    localStorage.typewriter = $('#type-name').val();
}

这将保存用户所写的内容，但不会保存所有内容。它似乎只节省了一定数量并恢复到以前的状态。但是当我离开它 20 秒时，它会保存并工作。我可以做些什么来更改保存率？

Answer 1

$(document).ready(function () {
    var blur_timeout_id;

    $('#type-name').blur(function () {
        if (blur_timeout_id) {
            clearTimeout(blur_timeout_id);
        }

        blur_timeout_id = setTimeout(function () {
            saveSettings();
        }, 1000); // or 10000, etc.
    });

    loadSettings();
});

function loadSettings() {
    $('#type-name').val(localStorage.typewriter);
}

function saveSettings() {
    localStorage.typewriter = $('#type-name').val();
}