JavaScript onresize 事件多次触发

Question

当触发 onresize 事件时，我在尝试仅运行一次函数时遇到了一些问题，我查看了这个问题 DOM onresize event但我没有使用 jQuery，没有它就无法使用该功能。有什么建议么？

Answer 1

在调整大小操作期间，每帧都会调用一次调整大小事件。如果你想在调整大小完成时调用它，只需设置一个带有回调函数的定时器。

var timeOut = null;

window.onresize = function(){
    if (timeOut != null)
        clearTimeout(timeOut);

    timeOut = setTimeout(function(){
        // YOUR RESIZE CODE HERE
    }, 500);
};