可以使用节流函数来延迟API的调用。以下是一个示例:
function throttle(func, delay) {
let timerId;
return function() {
if(timerId) {
return;
}
timerId = setTimeout(() => {
func.apply(this, arguments);
timerId = null;
}, delay);
}
}
const myButton = document.querySelector('#my-button');
myButton.addEventListener('click', throttle(() => {
// 在此处调用API
}, 1000));
在上面的示例中,throttle()函数将延迟func()函数的调用,等待一段时间(在这里是1000毫秒)后再调用它。每当按钮被点击时,throttle()函数将被调用,但API只会在超时后被调用一次。这将减少API的调用次数,提高性能。