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();
}