javascript - 改变元素的颜色并立即变回

Question

我正在寻找一种美观的方法来使 li 在从列表中被选中时闪烁。想要在单击时更改 li 的背景颜色的功能，但随后立即开始淡化回其原始(白色)背景。
到目前为止，这是我所拥有的-它使 li 变红但随后保持红色。(重要提示:我是一个完全的初学者，所以我不喜欢以下使 li 突出显示和淡出的方式，欢迎任何其他建议。)

"myfunction"通过点击 li 触发:

function myfunction(){
this.className ="colll";
setInterval(function(){this.className ="";},1000);}

CSS:

.colll{background-color:red; -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
 -o-transition: all .5s linear;
 transition: all .5s linear;}

Answer 1

如果目标只是快速和简单的反馈，这是一个没有 JavaScript 的 super 简单的。

http://codepen.io/justinmueller/pen/DLvnf

还有一个有延迟且没有 JavaScript: http://codepen.io/justinmueller/pen/amDIB