定时器(setTimeout/setInterval)调用带参函数失效解决方法
更新时间：2013年03月26日 11:04:09 作者：
setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式,setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式，详细使用方法可以参考下本文
首先来看下定时器的用法
1. setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
2.setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示：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()同样适用，这里就不在过多叙述了。
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()同样适用，这里就不在过多叙述了。
相关文章
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
这篇文章主要给大家介绍了关于Bootstrap开发中Tab标签页切换图表显示问题的解决方法，文中通过图文以及示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
这篇文章主要给大家介绍了关于JavaScript数组排序的六种常见算法，文中通过示例代码介绍的非常详细，对大家的学习或者使用JavaScript数组具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-08-08
这篇文章主要介绍了JavaScript中的对象的extensible属性介绍,JavaScript中，对象的extensible属性用于表示是否允许在对象中动态添加新的property,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了微信小程序实现常见弹出层效果 ，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
最近在写jquery的combobox插件时遇到效率问题，再加上jquery选择器的类帅选，导致效率很慢，采用以下方式二，可以轻松解决此问题2013-09-09
filters.revealTrans.Transition使用方法小结
有看到幻灯片调用会用到divid.filters.revealTrans.Transition=Math.floor(Math.random()*23)和divid.filters.revealTrans.apply(),那么这两个都是什么意思呢?2010-08-08
这篇文章主要为大家详细介绍了javascript实现列表切换效果的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了js观察者模式的弹幕案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要为大家详细介绍了javascript实现蒙版与禁止页面滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了JS高阶函数原理与用法,结合实例形式分析了javascript函数式编程、一等函数、高阶函数等相关概念、原理及使用技巧,需要的朋友可以参考下2019-01-01
最新评论