有没有一种方法可以在每次需要更新ui组件的函数调用之间延迟一定的时间？

function throttle(func, delay) {
  let timer = null;
  return function () {
    if (!timer) {
      timer = setTimeout(() => {
        func.apply(this, arguments);
        timer = null;
      }, delay);
    }
  };
}

// 使用示例
function updateUI() {
  // 更新UI组件的代码
}

const throttledUpdateUI = throttle(updateUI, 200); // 设定200ms的节流间隔

// 在需要更新UI组件的函数调用中使用节流
window.addEventListener('scroll', throttledUpdateUI);

function debounce(func, delay) {
  let timer = null;
  return function () {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, arguments);
    }, delay);
  };
}

// 使用示例
function updateUI() {
  // 更新UI组件的代码
}

const debouncedUpdateUI = debounce(updateUI, 200); // 设定200ms的防抖间隔

// 在需要更新UI组件的函数调用中使用防抖
document.getElementById('search-input').addEventListener('input', debouncedUpdateUI);