Javascript延迟执行实现方法(setTimeout)

ttx9n

延迟执行，其实就是用到了setTimeout这个函数。善于利用这个函数，可以减少很多ajax的请求，以及dom操作。 1。延迟切换tab
需求：页面上有几个tab，切换tab的时候，会对某个特定区域的数据进行拉取更新。
弊端：用户从第一个tab切换一直快速切到尾，就会产生n个ajax请求。其实用户只是需要看到最后一个tab的数据。
复制代码 代码如下:
var changeTab = function(){
var timeId = 0;
return function(tabId){
if(timeId){
clearTimeout(timeId);
timeId=0;
}
setTimeout(function(){
//ajax do something
},500);
};
}();

一个比较简单的例子，绑定在tab上的onmouseover，如果用户不停的来回切换tab，ajax请求不会执行，只有停顿500毫秒后，才会执行，500毫秒，其实蛮短的，基本上不会影响到用户体验。

2。延迟自动完成
需求：在文本输入框中，监听用户输入，实现自动完成功能。
弊端：用户每输入一个字符，都会产生一个ajax请求，如果用户连续输入了一长串内容，请求次数就很多，实际上，最后的那次，才是用户需要的。
代码与上面例子类似。

3。延迟滚动
需求：页面的广告，需要用户滚动到哪，就跟到哪。
弊端：用户滚动在底，触发了N次的让广告重新定位的函数。其实，只需要当用户停下的时候，才触发一次就足够了。
代码与1类似。

其实有很多这样这样的例子，有些事情，不需要马上去执行，可以延迟一点时间才执行，时间很短，不影响用户体验，又可以减少很多不必要的消耗。

0vwrdf6

还可以不错

3t0ukmu

源码源码源码源码源码源码源码源码源码源码源码源码源码

z835648964

谢谢您的分享！

u7yxn9

数据库了多久撒快乐的健身卡啦

r8st9

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

平平安安

了乐趣了去了去了去了去了

81708585

下载来瞧瞧

0y3yp

很不错的玩意

sykzus

66666666666