JS中setInterval、setTimeout不能传递带参数的函数的解决方案
更新时间：2013年04月28日 16:06:51 作者：
在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。
这就需要想方法解决。
一、采用字符串形式：——（缺陷）参数不能被周期性改变
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中setTimeout()的用法详解
- JS延迟加载(setTimeout) JS最后加载
- Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
- js函数setTimeout延迟执行的简单介绍
- JavaScript window.setTimeout() 的详细用法
- js setTimeout 参数传递使用介绍
- JavaScript SetInterval与setTimeout使用方法详解
- Js中setTimeout()和setInterval() 何时被调用执行的用法
- JavaScript中SetInterval与setTimeout的用法详解
- 如何通过setTimeout理解JS运行机制详解
相关文章
这篇文章主要介绍了js数组中去除重复值的几种方法，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-08-08
这篇文章主要介绍了微信小程序图片自适应实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要为大家详细介绍了微信小程序实现简单Tab切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介绍了原生Js 实现的简单无缝滚动轮播图的示例代码，帮助大家更好的理解喝学习使用js，感兴趣的朋友可以了解下2021-05-05
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
jq的extend()方法能很方便的实现扩展对象方法，这里要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法,需要的朋友可以参考下2014-08-08
下面小编就为大家带来一篇JS创建数组的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
对于js 我是个初学者 甚至还不入门，我比较喜欢js做出的特效。2011-07-07
这篇文章主要为大家详细介绍了js+html+css实现简单电子时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要给大家介绍了关于如何检测JavaScript中死循环的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
在本篇文章里小编给大家分享的是关于javascript单张多张图无缝滚动实例代码和实例，需要的朋友们可以参考下。2020-05-05
最新评论