javascript - 单击0.5秒后如何在div中着色图像

我正在开发一个phonegap应用程序。

我有一组div，每个div都包含一个图像元素。我已经搜索并找到了如何在单击它们时对它们进行着色，但是着色会保留在那里（当然）。

我想知道的是如何在0.5秒后自动消除该色调。

现在是我的代码：

......
<div id="seven">
  <img id="7" src="imageSeven.png" />
  <p>7</p>
</div>
......

<script type="text/javascript">
var seven = document.getElementById("seven");
.......
seven.onclick = function () {
  seven.className = seven.className + " overlay";
}
....

这是我的CSS：

.overlay
{
display: block;
position: absolute;
background-color: rgba(200, 100, 100, 0.5);
top: 0px;
left: 0px;
width: 0px;
height: 0px;
border-radius: 8%;
}

关于如何执行此操作的任何想法？

PS：

我只复制了其中一个，其他完全一样。

最佳答案

var delay=500;
setTimeout(function(){
    //Code to remove tint
},delay);

关于javascript - 单击0.5秒后如何在div中着色图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24363542/