Javascript 更改元素上的颜色并立即更改回去

我正在寻找一种好看的方法，使

li

在从列表中选择时闪烁或闪烁。 希望函数在单击时更改li的背景颜色，但随后立即开始淡出到其原始（白色）背景。
这是我到目前为止所做的-它使李变成红色，但随后它保持红色。 （重要提示：我是一个完全的初学者，所以我不喜欢下面这种使li高亮显示和淡出的方法，欢迎任何其他建议。）

点击li触发的“我的功能”：

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

css:

---

如果目标只是快速简单的反馈，那么这是一个没有JavaScript的超级简单的反馈

还有一个是延迟的，没有JavaScript：

---

您的css类选择器为类选择

coll

，您指定的类名是

coll

@joytje50谢谢并修复了，它只是一个o型

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

li {
    color: #2E90FF;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
li:active {
    background-color: red;
}