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

2019-11-20 22:54:21

字体：大中小

来源：转载

供稿：网友

首先来看下定时器的用法
1. setInterval(code,millisec[,"lang"])　 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

参数	描述
code	必需，要调用的函数或要执行的代码串。
millisec	必需，周期性执行或调用 code 之间的时间间隔，以毫秒计。

2.setTimeout(code,millisec)　setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

参数	描述
code	必需，要调用的函数后要执行的 JavaScript 代码串。
millisec	必需，在执行代码前需等待的毫秒数。

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
也许你曾碰到过这样的问题，不管是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()同样适用，这里就不在过多叙述了。

上一篇：javascript变量作用域使用中常见错误总结

下一篇：设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注