Question

I have this code

$("input").on('keyup', function () {
 $("block"),slideDown("slow")......

The problem is taht when I write fast the block will do the “animation” again and agin much slower than I write

Is there another event I can use to only run the code “after I’m finished writing” lets say, I stop writing and then it taks 500ms and then the code is executed.

Answer 1

Something like this is what I’ve used before:

$(input).keyup(onKeyUp);

/**
 * Handler for the keyup event
 */
function onKeyUp() {
    //reset
    clearTimeout(myTimer);

    myTimer = setTimeout(otherFunction, 500);
}

Now otherFunction will be called after 500 milliseconds, but on each keyup event this timer will be reset.