Question

I have an ajax method that fires on the keyup event, but I don’t really want it to fire instantly, every single time the user presses a key – ideally I’d like to give a 1-2 second delay before going off to the server, so if the user presses a key every 1/2 second, there will only be 1 call to the server when they finish typing (after 1-2 seconds of not typing anything).

How can I achieve this using jQuery?

Answer 1

var timer = null;
$("#element").keyup(function(){
    clearTimeout(timer);
    timer = setTimeout(function(){
        //do your stuff
    }, 2000);
});