鼠标悬停，延后触发事件

最近在制作一个3D模型展示的工作，用到了鼠标悬停，延后几秒钟后，展示一些东西，在做的时候发现了些问题，特地来这里进行一下记录。
正常的实例：
例1：

setTimeout("alert(1)",2000);//2秒后弹出“1”

例2：

function initShowCloth(){
	alert(1);
 }
setTimeout(initShowCloth(),2000);  //2秒后弹出“1”

以上情况都是正常实现的。


起初我是这样写的:
错误示例：

var showClothTimer ;
function initShowCloth(){
	alert(1);
 }
 
 button.addEventListener( 'mouseover', function(event) {
 	showClothTimer = setTimeout(initShowCloth(),2000);
 }, false );


  button.addEventListener( 'mouseout', function(event) {
  	clearTimeout(showClothTimer);
  }, false );

上面的方法，大家要试过了就会发现，它并没有在2秒后弹出“1”，而是在你鼠标移动到按钮上时就会弹出。
在网上也找了许多文章，也没有什么结果，自己就尝试着按下面的情况去写
正确示例：

var showClothTimer；
 showClothTimer = setTimeout(function(){
	 alert(1);
	},2000);
   }, false );


  button.addEventListener( 'mouseout', function(event) {
  	clearTimeout(showClothTimer);
  }, false );

发现结果是自己想要的，2秒后弹出“1”。
对于  setInterval(function,time);也是这样的情况。
所以，我的解决方法就是，将要执行的操作，不写在新的函数里面，而是写成上述的正确示例的形式，大家也可以这么去写。

具体原因还没有去挖掘，热心的博友有什么想说的请不要吝啬，到时候我会补充到这篇文章里。