使用setTimeout快速调用函数

Question

我希望div的backgroundColor更改250ms，然后再更改回。 为此，我将以下代码用作div的onclick：

function keyAnimation(key) {
basicColor = key.style.backgroundColor;
key.style.backgroundColor = "red";
setTimeout(function () {
    key.style.backgroundColor = basicColor;
}, 250);

但是，当我快速单击div多次（在250ms内）时，它仍然为红色。 我该如何编码，使其在250ms之后始终返回basicColor？

Answer 1

添加一个阻止其他按键的标志：

var running = false;

function keyAnimation(key) {
 if(running) return;
 running = true;

 const basicColor = key.style.backgroundColor;
 key.style.backgroundColor = "red";

 setTimeout(function () {
    key.style.backgroundColor = basicColor;
    running = false;
 }, 250);

}