jquery scroll () and resize () increase the delay processing example

The browser's scroll () and resize () methods are processed in real time, such as when the browser pulls the browser to trigger the scroll (), and the browser always triggers the resize () when the size is changed, if you add a function to the two methods, will continue to be handled continuously, it is likely to cause browser load.

The solution is to delay, of course, there are other ways. For example, the original approach is:

$ (window). Scroll (function ()
{
alert ();
});

Alert is always in the process of pulling the browser.

After modification:

var timer=0;
$ (window). Scroll (function ()
{
if (timer)
{
Cleartimeout (timer);
timer=0;
}
Timer=settimeout (function ()
{
alert ();
},300);
});

Or:

var timer=0;
$ (window). Scroll (function ()
{
if (timer)
{
Cleartimeout (timer);
timer=0;
}
Timer=settimeout (scroll_fn,300);
});
Scroll_fn=function ()
{
alert ();
}