您的位置:首页 > 其它

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

2017-06-13 16:20 441 查看
也许你曾碰到过这样的问题,不管是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()同样适用,这里就不在过多叙述了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐