定时器(setTimeout/setInterval)调用带参函数失效解决方法

也许你曾碰到过这样的问题，不管是setInterval()还是setTimeout()，当code参数里放一个带参函数时，定时器都会失效，看下面这个例子： 

function test(str){ 
    alert(str); 
} 
var a = "abcde" 
setTimeout(test(a),3000); 

 

执行上面代码，页面不会延迟3秒调用test(a)，而是会立即执行test(a)，IE、FF、Chrome下都会出现这个问题，如果你经常用到定时器，这个问题应该应该经常会碰到，那么要怎样去解决呢？ 
笔者在这里归纳两种常用的解决方法，当然应该也还有其他的解决方法，在这里就不一一赘述。 

方法1：用匿名函数包裹 

function test(str){ 
    alert(str); 
} 

var a = "abcde" 
    setTimeout(function(){ 
    test(a); 
},3000); 

 

方法2：用引号包裹需调用的函数 

function test(str){ 
　　alert(str); 
} 
var a = "abcde" 
setTimeout("test('+a+')",3000); 

 

上面只以setTimeout()为例，setInterval()同样适用，这里就不在过多叙述了。

转载于:https://www.cnblogs.com/shifu204/p/7001924.html