สอบถามเรื่องการหน่วงเวลา ก่อนเข้า function

$("#id").hover(function(){ // hover
  // function1
},
function(){ // out
   // function2
});

ก่อนจะเรียก function1 ที่ต้องการผมอยากจับเวลาสัก 3 วินาที ถ้าเม้ายัง hover อยู่ ค่อยทำงานใน function1 อะครับ 

ปล. แต่ถ้าเอา mouse ออก ให้หยุดทำงานอ่ะครับ ไม่รู้ว่าต้องทำยังไง ใครทราบหรือมี idea ช่วยแนะนำหน่อยครับ

setTimeout()

 ใช้ setTimeout() เลยครับ เป็น Function หน่วงเวลา

settimeout เราจะเช็ึคยังไงครับว่า เวลา mouseleave, หรือ mouseout ให้ มันหยุดทำงาน ไม่ต้องทำต่อ

 ตัวอย่าง

โค้ดตัวอย่าง

<div id="iamdiv" style="position:relative;width:100px;height:100px;background-color:#CCCCCC;">

</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>  
<script type="text/javascript">
$(function(){
	var iDelay=null;
	$("#iamdiv").hover(function(){
		iDelay=setTimeout(function(){
			alert("OK");
		},3000);
	},function(){
		clearTimeout(iDelay);
	});
});
</script>

ขอบคุณมากคับ พี่นิค