<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<script>
var img = '';
function loadImage(){
im=document.getElementById('im');
im.setAttribute('src','http://ssl.gstatic.com/onebox/weather/60/light_rain.png');
}
</script>
<img id="im" src="http://ssl.gstatic.com/onebox/weather/60/sun.png" onMouseOver="img=setTimeout(loadImage, 2000)" onMouseOut="clearTimeout(img);">
</body>
</html>