setTimeoutでdebounce

jsdoit.css

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #ffd;
  font: 30px sans-serif;
}

jsdoit.html

<button>save</button>

jsdoit.js

var _timerId = null;

function save() {
    var delay = 10 * 1000;

    // 実行待ち状態でもう一度呼ばれたら予約してある処理をキャンセル
    if (_timerId) {
        console.log("cancel");
        clearTimeout(_timerId);
    }

    _timerId = setTimeout(function () {
        console.log("wait end");
        _timerId = null;

        // 超重い保存処理
    }, delay);
}

function handler() {
    console.log("wait start");
    save();
}

$("button").on("click", handler);