美文网首页
如何给window.setInterval的函数传递参数

如何给window.setInterval的函数传递参数

作者: Camilia_yang | 来源:发表于2019-12-04 15:30 被阅读0次

    众所周知,调用window.setInterval(funcname,time)时,funcname要么直接放置函数体,要么放置函数的名字,比如

    function test(){
    alert("");
    }

    window.setInterval(test,1000);
    //window.setInterval("test",1000);

    不过,如果要想给test函数传递参数就不好办了。实际上,通过一个匿名函数,就可以实现给函数传递参数了,比如

    function test(username){
    alert(username);
    }

    window.setInterval(function(){
    test.apply(this,"comDeng");
    },1000);

    这样以来,就将"comDeng"传递给test函数了。如果要做一个通用的处理方法的话,就可以写这样一个函数来实现。

    function test(username){
    alert(username);
    }

    function bindInterval(funcName){
    var args=[];
    for(var i=1;i<arguments.length;i++){
    args.push(arguments[i]);
    }
    return function(){
    funcName.apply(this,args);
    }
    }

    window.setInterval(bindInterval(test,"comDeng"),1000);

    像这种调用方法,看起来还是蛮复杂的,不妨再做一些简化:

    function test(username){
    alert(username);
    }

    function JInterval(funcName,time){
    var args=[];
    for(var i=2;i<arguments.length;i++){
    args.push(arguments[i]);
    }
    return window.setInterval(function(){
    funcName.apply(this,args);
    },time);
    }
    JInterval(test,2000,"comDeng");

    这样以来的话,比原来可简洁多了!

    相关文章

      网友评论

          本文标题:如何给window.setInterval的函数传递参数

          本文链接:https://www.haomeiwen.com/subject/ywrlgctx.html