欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

如何使用定时器settimeout、setInterval执行能传递参数的函数 有大用

shiping1 的头像

 

以下是自己亲自做的 有大用
<script>
    $(document).ready(function(){
        var jiange=120;
        function sett(jiange)
        {
            $("#sendemail").attr({"disabled":"disabled"});
            $("#sendemail").css({"background":"#666666"});
            $('#sendemail').html('等待'+jiange+'秒');
            jiange = jiange-1;
            if(jiange>0){
                setTimeout(_sett(jiange),1000);
            }else{
                $("#sendemail").removeAttr("disabled");
                $('#sendemail').html('发送重设密码链接到邮箱');
            }
        }
        function _sett(jiange){
            return function(){
                sett(jiange);
            }
        }
        sett(jiange);
    });
</script>




无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下:

例如对于函数hello(_name),它用于针对用户名显示欢

迎信息:
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
      alert("hello,"+_name);
}
这时,如果企图使用以下语句来使hello函数延迟3秒执行是不可行的:
window.setTimeout(hello(userName),3000);
这将使hello函数立即执行,并将返回值作为调用句柄传递给setTimeout函数,其结果并不是程序需要的。而使用字符串形式可以达到想要的结果:
window.setTimeout("hello(userName)",3000);这是方法(一) 

这里的字符串是一段JavaScript代码,其中的userName表示的是字符串。但这种写法不够直观,
而且有些场合必须使用函数名(有些场合 必须传递对象),于是有人想到了如下

方法(二):

<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
       alert("hello,"+_name);
}
//创建一个函数,用于返回一个无参数函数
function _hello(_name){
       return function(){
             hello(_name);
       }
}
window.setTimeout(_hello(userName),3000);
//-->
</script>
这 里定义了一个函数_hello,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。在 window.setTimeout函数中,使用_hello(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。

另外也有人通过修改settimeout、setInterval来实现。即下面的

方法三:

<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
       alert("hello,"+_name);
}//*=============================================================
//*   功能: 修改 window.setInterval ,使之可以传递参数和对象参数    
//*   方法: setInterval (回调函数,时间,参数1,,参数n)  参数可为对象:如数组等
//*============================================================= 

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);
//-->

来自 http://elf8848.iteye.com/blog/347566

 

JS中setInterval、setTimeout不能传递带参数的函数的解决办法

2010-11-22 18:19 by 追忆似水流年, 5162 阅读, 1 评论, 收藏编辑

在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。

来自  http://www.cnblogs.com/purplefox2008/archive/2010/11/22/1884654.html

 

js setTimeout 参数传递

标签: functionjavascriptobjectbuttonurlinput
 7744人阅读 评论(1) 收藏 举报
 分类:
 

window.settimeout()方法要调用带参数的函数有两种方法:

1.

function init(){
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(function(){ searchJDWater(url);},100);
}

2.

function init(){
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(“searchJDWater(”+url+“)”, 100);
}

注意: 带参数方法使用setTimeout要注意,setTimeout("函数名("+参数+")",毫秒数),这里的参数只能是字符串形式的,而不能传递一个对象

---------------------------

以下的方法是错误的,而且浏览器状态栏会提示参数无效:

function init(){
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(searchJDWater(url), 100);
}

--------------------------------------------------------------

settimeout()函数扩展:

网上很多朋友也在问此类问题,我在此说明下,以下我举几个个简单的例子:
  网上查找下“带参数 setTimeout”,很多朋友写了很多方法来实现使用setTimeout带对象的方法循环,例如:
  <script language="JavaScript">
  var __sto = setTimeout;
  window.setTimeout = function(callback,timeout,param)
  {
  var args = Array.prototype.slice.call(arguments,2);
  var _cb = function()
  {
  callback.apply(null,args);
  }
  __sto(_cb,timeout);
  }
  //测试代码
  function aaaa(a)
  {
  alert(a);
  }
  function aaaaa(a,b,c)
  {
  alert(a + b + c);
  }
  var a = new Object();
  window.setTimeout(aaaa,1000,a);
  window.setTimeout(aaaaa,2000,a,6,7);
  </script>
  此例中,setTimeout用法,setTimeout(回调函数,时间,参数1,...,参数n)。
  又例如:
  2:
  <script type="text/javascript"> 
  var _st = window.setTimeout; 
  window.setTimeout = function(fRef, mDelay) { 
  if(typeof fRef == 'function'){ 
  var argu = Array.prototype.slice.call(arguments,2); 
  var f = (function(){ fRef.apply(null, argu); }); 
  return _st(f, mDelay); 
  } 
  return _st(fRef,mDelay); 
  } 
  function test(x){ 
  alert(x); 
  } 
  window.setTimeout(test,1000,'fason'); 
  </script> 
  此例中,重载了一下window.setTimeout,用apply去回调前面的function。
  例1
  <script language="javascript">
  function test(obj)
  {
  alert(obj);
  setTimeout("test("+ obj +")",1000);
  }
  </script>
  <input id="testButton" type="button" onclick="test(1)">
  当鼠标按下此按钮时调用test(),将"1"传递进去,屏幕上每隔1000毫秒(1秒)弹出一次对话框,显示1,没问题。
  例2
  <script language="javascript">
  function test(obj)
  {
  alert(obj);
  setTimeout("test("+ obj +")",1000);  //这里obj 只能是字符串对象,切记
  }
  </script>
  <input id="btnTest" type="button" onclick="test(this)">
  这里的this可以当做document.getElementById("btnTest")来理解,当鼠标按下此按钮时向test函数传递的是一个对象,屏幕显示[object],
  1000毫秒之后不再显示第二次。问题来了,浏览器左下报脚本错误,详细信息里显示object未定义。
  例3
  <script language="javascript">
  function test(obj)
  {
  alert(obj);
  setTimeout("test()",1000);
  }
  </script>
  <input id="testButton" type="button" onclick="test(this)">
  setTimeout里的test()没带参数,第一次显示[object],1000毫秒之后显示undefined,变量尚未赋值,也就是说用此方式可以实现带参数的方法循环,但是参数被销毁。
  其实这很简单就可以实现,不必写那么长的代码来实现。
  例4
  <script language="javascript">
  function test(obj)
  {
  alert(obj);
  setTimeout("test('"+ obj +"')",1000);
  }
  </script>
  <input id="testButton" type="button" onclick="test(this)">
  注意,setTimeout里的test中的参数obj前后的引号,在双引号内有一对单引号,这样:setTimeout("test(单引号双引号+obj+双引号单引
  号)"),行了吧~每隔1000毫秒屏幕显示一次[object],传递对象成功。
  ———————————————————————————————————————
  疑义:第4条 最终传走的是“对象”的字符串“object” 而不是初始的对象obj只是obj的类型而已。并没有达到传递对象的作用
  可以测试一下代码: 弹出传来对象的id
  <body>
  <div id="sssss"></div>
  </body>
  <script language="javascript">
  obj=document.getElementById('sssss');
  function test(obj)
  {
  alert(obj.id);
  setTimeout("test('"+ obj +"')",1000);  //这里obj只能是字符串对象,而不能是其它对象 切记
  }
  test(obj)
  </script>

http://baike.baidu.com/view/1861781.htm?fr=ala0

来自  http://blog.csdn.net/yousuf007/article/details/6185224

普通分类: