可以更改背景颜色onClick,然后自动更改一秒钟后？

Question

Noob在这里 - 我正在研究一个简单的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);
}); 

工作样本

jQuery-UI将使用jquery-color插件为颜色值设置动画,如果您正在使用它