This function debounces events that fire in rapid succession to a specified timeout value so the event is effectively fired only at the specified timeout rather than continuously.

Use this useful function for debouncing frequent UI events for things like window.resize() or element.ondrag() which fire frequently.

// fire resize event only every 50ms
var resizeHandler = debounce(function() { /* do something */,50);
$(window).resize(resizeHandler);

debounce(func,wait,immediate)