提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

方法 解决 函数 调用 失效 定时器 setTimeout setInterval
2023-06-13 09:14:48 时间
首先来看下定时器的用法
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参数里放一个带参函数时，定时器都会失效，看下面这个例子：
复制代码代码如下:

functiontest(str){
alert(str);
}
vara="abcde"
setTimeout(test(a),3000);

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

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

方法2：用引号包裹需调用的函数
复制代码代码如下:
functiontest(str){
alert(str);
}
vara="abcde"
setTimeout("test("+a+")",3000);

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

相关文章