<img id="img1" style="width: 36px" src="Images/checked.png" onmouseover="a()" onmouseout="bb();" />
var timer = 3000;
var x;
function a()
{
x = setTimeout('aa()',timer);
}
function aa()
{
form1.img1.src = 'Images/unchecked.png';
window.clearInterval(x);
}
function bb()
{
window.clearTimeout(x);
form1.img1.src = "Images/checked.png";
}
<SCRIPT LANGUAGE = "JavaScript">
<!--
var secs
var timerID = null
var timerRunning = false
var delay = 1000
function InitializeTimer()
{
// Set the length of the timer, in seconds
secs = 10
StopTheClock()
StartTheTimer()
}
function StopTheClock()
{
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function StartTheTimer()
{
if (secs==0)
{
StopTheClock()
// Here's where you put something useful that's
// supposed to happen after the allotted time.
// For example, you could display a message:
alert("You have just wasted 10 seconds of your life.")
}
else
{
self.status = secs
secs = secs - 1
timerRunning = true
timerID = self.setTimeout("StartTheTimer()", delay)
}
}
//-->
</SCRIPT>