手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS中setInterval、setTimeout不能传递带参数的函数的解决方案
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
摘要:在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方...

在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,

这就需要想方法解决。

一、采用字符串形式:——(缺陷)参数不能被周期性改变

setInterval("foo(id)",1000);

二、匿名函数包装 (推荐)

复制代码 代码如下:

window.setInterval(function()

{

foo (id);

}, 1000);

这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去;

三、定义返回无参函数的函数

复制代码 代码如下:

function foo(id)

{

alert(id);

}

function _foo(id)

{

return function()

{

foo(id);

}

}

window.setInterval(_foo(id),1000);

这里定义了一个函数_foo,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。

在 window. setInterval函数中,使用_foo(id)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。

四、修改setInterval

复制代码 代码如下:

function foo(id)

{

alert(id);

}

var _sto = setInterval;

window.setInterval = function(callback,timeout,param)

{

var args = Array.prototype.slice.call(arguments,2);

var _cb = function()

{

callback.apply(null,args);

}

_sto(_cb,timeout);

}

window.setInterval(hello,3000,userName);

以上的所有方法也适合setTimeout。

【JS中setInterval、setTimeout不能传递带参数的函数的解决方案】相关文章:

基于jquery实现下拉框美化特效

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

列表内容的选择

一个很简单的办法实现TD的加亮效果.

kindeditor编辑器点中图片滚动条往上顶的bug

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

JavaScript获得url查询参数的方法

iscroll.js的上拉下拉刷新时无法回弹的解决方法

JavaScript中指定函数名称的相关方法

JavaScript中switch语句的用法详解

精品推荐
分类导航