Javascript 函数节流

最新推荐文章于 2024-02-26 16:56:39 发布

Jason_wu86

最新推荐文章于 2024-02-26 16:56:39 发布

阅读量142

点赞数

分类专栏：普通文章

本文链接：https://blog.csdn.net/weixin_40650646/article/details/83016488

版权

普通文章专栏收录该内容

64 篇文章 0 订阅

订阅专栏

//核心函数
function throttle(method, context) {
 clearTimeout(method.tId);
 method.tId= setTimeout(function(){
 method.call(context);
 }, 100);
} 


//使用示例

function resizeDiv(){
 var body = document.body;
 body.style.height = body.offsetWidth + "px";
}
window.onresize = function(){
 throttle(resizeDiv);
};

只要代码是周期性执行的，都应该使用节流，但是你不能控制请求执行的速率。这里展示的 throttle()函数用了 100ms 作为间隔，你当然可以根据你的需要来修改它。