javascript - 用户停止单击按钮后如何调用函数？

Question

如果我有一个在线购物平台，我想在用户停止单击添加按钮后调用我的 REST API。

假设他想要 10 个产品，然后他开始单击“添加”按钮。我不想每次用户按下“添加”按钮时都调用电话。我想知道用户何时停止点击，然后以数量 = 10 调用我的服务器。

顺便说一句，我正在使用 Angular2。

Answer 1

每次点击时添加setTimeout(backendCallback, ms)。如果再次单击 - 清除超时并重复。

let timer;
let callbackDealy = 800;

onAddClick(){
    clearTimeout(timer);
    timer = setTimeout(() => {
        this.http.get().subscribe(...);
    }, callbackDelay);
}