Question

javascript 如何防止多次触发hover事件

我用jquery做了一个淡入淡出的幻灯图片切换功能，一共有5张图片，幻灯会自动执行切换，，也可以通过设定的按钮触发hover事件来执行，但遇到一个问题就是，假如我疯狂的用鼠标移入移出按钮，这样hover事件就会触发了多次，倒置最后鼠标离开后，幻灯也再快速的切换，直到之前的hover事件完毕后才正常，，，，我希望有什么办法可以限制hover事件，只触发当前前，，，多余的就清除掉可以吗？
$("#hover_div").unbind("mouseenter").unbind("mouseleave"); 这是一句jquery清除hover的事件，但是一清除是没法再继续的啦。。。。。。。

Answer 1

$(XX).hover(
		function(){
			
			t = setTimeout(function(){
			    //要执行的操作；鼠标放上去后200毫秒才执行
				},
			200);
		},
		function(){
		        //鼠标移除后清除上面的操作；
			clearTimeout(t);	
		}
	);
	//思路大概是这样，具体看你怎么操作了；

Answer 2

动画事件前加入.stop()方法.

stop()方法有两个参数,你可以全部开启stop(true,true)

意思就是立即让动画进入最后完成阶段,并结束之前所有动画.