an example of variable delays in event handlers

postponed.js

// how long should we wait for a function to fire?
var delay = 0;

// a simple way to wrap functions to be delayed
function postponed(fn) {
    return function() {
        setTimeout(fn, delay);
    }
}

// modify the delay time
$(".delay").on('change', function(e) {  
    delay = $(this).val() * 1e3;
});

// register dynamic binders with postponed functions 
var $elem = $('.some-element');

$elem.on('click', postponed(function() {
    // do something
    console.log('delayed by', delay, 'seconds');
}));