javascript - 可以更改背景色onClick，然后稍后再自动更改回吗？

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 class="key" onClick="calc('7')">7</li>

最佳答案

$('.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插件为颜色值设置动画，如果您喜欢的话

关于javascript - 可以更改背景色onClick，然后稍后再自动更改回吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3003819/