Javascript将时间间隔添加到我的onmouseover函数

Question

所以我有这个标志，我希望它在鼠标悬停时变色。我有用于在鼠标悬停时切换图片的代码，但我需要使用时间间隔更改元素。你可以找到我正在使用的代码。

<a href="#page-top" class="Logo"><img id="logo" src="img/logocolored1.png" 
alt="Compositions" onmouseover="hover(this);" onmouseout="unhover(this);" />

<script type="text/javascript">
function hover(element) {
    element.setAttribute('src', 'img/logocolored.png');
                 }
function unhover(element) {
  element.setAttribute('src', 'img/logocolored1.png');                                                
                                        }
</script></a>