debouce.js

/**
 * Função que aguarda um tempo antes de executar uma requisição ou ação
 * evitando realizar multiplas vezes em um evento, um autocomplete por exemplo
 *
 * @param fn
 * @param delay
 * @returns {function(): void}
 */
const debounce = function (fn, delay) {
    let timer = null;
    return function () {
        let context = this,
            args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
            fn.apply(context, args);
        }, delay);
    };
}

// example calling draw datatable method (sending ajax request)
// fire again only after type three letters (value.length > 2)
// and after 1 second
$(elem).on('keyup', debounce(function (event) {
    event.preventDefault();
    let value = $(this).val().trim().replace(/[%]+/, ' ').replace(/[ ]{2,}/, ' ');
    if (value.length > 2 || value.length === 0) {
        dataTable.draw();
    }
}, 1000));