Adding a timer on mouseover effect.

**vkw91** · 10-31-2007, 09:21 AM

Hi guys, Does anyone have any idea on the best way to add a timer on this mouseover?

Code:

<script language="Javascript">
function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
</script>

Code:

<a href="#" onMouseOver="toggleDiv('hover',1)" onMouseOut="toggleDiv('hover',1)">

Thanks in advance!

**ADAM Web Design** · 10-31-2007, 10:08 AM

onmouseover="setTimeout('toggleDiv(\'hover\', 1)',1000)"

1000 represents the time in milliseconds (in this case, exactly 1 second.) Adjust as needed.

**vkw91** · 10-31-2007, 10:45 AM

Cheers Adam, I knew it would be easy, but its just one of those weeks!