Js中setInterval、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。

五、各自的关闭方法：

　　clearTimeout(id);

　　clearInterval(id);

转载于:https://www.cnblogs.com/chendaoyin/archive/2012/05/04/2482515.html