javascript - 设置窗口调整大小函数的执行延迟

Question

因此，我有这段代码用于使我的 nicEdit 具有响应能力，基本上使其在窗口大小调整时重新加载，以便它可以采用新的尺寸:

$(function () {
    editor = new nicEditor({iconsPath : 'nicedit/nicEditorIcons.gif', fullPanel : true}).panelInstance('myTextarea');
})

$(window).resize(function() {
    editor.removeInstance('myTextarea'); 
    editor = new nicEditor({iconsPath : 'nicedit/nicEditorIcons.gif', fullPanel : true}).panelInstance('myTextarea');
});

现在我想将执行延迟设置为 0.5 秒或 1 秒，以便我的浏览器在调整大小时不会滞后。它之所以会滞后，是因为 myTextarea 实例会被删除，并会在动态调整每个像素大小时快速重新加载。

我在代码的不同部分尝试了各种形式的 setTimeout(check, 1000); 但不知道如何正确执行。

我应该如何实现这个目标？

Answer 1

您可以使用 setTimeout 和 clearTimeout 在每次窗口开始调整大小时重置超时。 windowResized() 中的代码将在窗口停止调整大小后 500 毫秒被调用。

var windowResizeTimeout = null;

$(window).resize(function() {
            // Clears the timeout if it exists
            if (windowResizeTimeout)   clearTimeout(windowResizeTimeout);
            // Sets a new timeout
            windowResizeTimeout = setTimeout(windowResized, 500);
});

function windowResized() {
          // window resized..
          editor.removeInstance('myTextarea'); 
          editor = new nicEditor({iconsPath : 'nicedit/nicEditorIcons.gif', fullPanel : true}).panelInstance('myTextarea');
};

了解有关 clearTimeout() 的更多信息 here .