JQuery:如何仅在完成调整大小时调用调整大小事件?

2022-07-22 00:00:00 jquery javascript html

浏览器窗口调整完大小后如何调用函数?

我正试着这样做,但遇到了问题。我正在使用JQuery调整事件函数:

$(window).resize(function() {
  ... // how to call only once the browser has FINISHED resizing?
});

但是,如果用户手动调整浏览器窗口的大小,则会连续调用此函数。这意味着,它可能会在短时间间隔内调用此函数数十次。

如何才能仅调用一次调整大小函数(一旦浏览器窗口完成大小调整)?

更新

也无需使用全局变量。


解决方案

Here is an example using thejh's instructions

可以存储对任何setInterval或setTimeout的引用ID。如下所示:

var loop = setInterval(func, 30);

// some time later clear the interval
clearInterval(loop);

相关文章