javascript - 可以更改背景颜色 onClick，然后在一秒钟后自动变回吗？

Question

菜鸟在这里 - 我正在开发一个简单的 Javascript 计算器，我正在使用列表 (li) 作为按钮。我希望 li background-color 改变 onClick，但半秒后自动变回原来的颜色。所以基本上我希望按钮点击闪烁新颜色，而不是切换它。

这可能吗？

编辑:这是我现在在标题中的内容，但它仍然不起作用:

$(li).click(function() {
    var $elem = $(this);
    var oldBG = $elem.css('backgroundColor'));
    $elem.css('backgroundColor', '#FFFFFF').delay(1000).css('backgroundColor', oldBG);
});

和我的 li 标签:

<li class="key" onClick="calc('7')">7</li>

Answer 1

$('.key').click(function() {
  // make a jQ collection of the DOM element from the event
  var $elem = $(this);
  // store the background-color
  var oldBG = $elem.css('background-color');
  // change the background color to what you want
  $elem.css('backgroundColor', '#FF0000');
  // after 1 second, change it back
  setTimeout(function() {
    $elem.css('background-color', oldBG);
  }, 1000);
}); 

working sample

jQuery-UI 将使用 jquery-color 插件为颜色值设置动画，如果您喜欢的话