手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >定时器(setTimeout/setInterval)调用带参函数失效解决方法
定时器(setTimeout/setInterval)调用带参函数失效解决方法
摘要:首先来看下定时器的用法1.setInterval(code,millisec[,"lang"])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()同样适用,这里就不在过多叙述了。

【定时器(setTimeout/setInterval)调用带参函数失效解决方法】相关文章:

js+HTML5基于过滤器从摄像头中捕获视频的方法

Node.js 条形码识别程序构建思路详解

javascript+HTML5自定义元素播放焦点图动画

javascript带回调函数的异步脚本载入方法实例分析

Javascript动态创建表格及删除行列的方法

JavaScript实现鼠标点击后层展开效果的方法

Node.js中JavaScript操作MySQL的常用方法整理

javascript消除window.close()的提示窗口

JavaScript中停止执行setInterval和setTimeout事件的方法

表单的一些基本用法与技巧

精品推荐
分类导航