Initiating a function after window resizing finishes

Question

I want to initiate a function when user finishes resizing of his browser window. Please suggest how to do it in either pure JS or jQuery.

Note: I want to raise the event only once and after user has done browser resizing.

Answer 1

You can introduce a small delay before running the resize handler using setTimeout and keep renewing this timeout until the events stop. This article explains how to do it - http://ajaxian.com/archives/delaying-javascript-execution

Answer 2

From the docs:

$(window).resize(function() {
   $('#log').append('<div>Handler for .resize() called.</div>');
});

Answer 3

window.onresize = function() { alert('hi'); };