How to wait for the 'end' of 'resize' event and only then perform an action?

Question

So I currently use something like:

$(window).resize(function(){resizedw();});

But this gets called many times while resizing process goes o

Answer 1

Well, as far as the window manager is concerned, each resize event is its own message, with a distinct beginning and end, so technically, every time the window is resized, it is the end.

Having said that, maybe you want to set a delay to your continuation? Here's an example.

var t = -1;
function doResize()
{
    document.write('resize');
}
$(document).ready(function(){
    $(window).resize(function(){
        clearTimeout(t);
        t = setTimeout(doResize, 1000);
    });
});