zoukankan      html  css  js  c++  java
  • JS中setInterval、setTimeout不能传递带参数的函数的解决办法

    JS中setInterval、setTimeout不能传递带参数的函数的解决办法
    在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。

    本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/CrazyNotes/archive/2011/03/16/6254193.aspx

  • 相关阅读:
    Spark Steaming消费kafka数据条数变少问题
    intellij idea 搜索
    ZooKeeper shell
    linux 端口映射设置
    maxCompute odps 行转列
    dev stg prd 开发 测试 生产环境
    大数据之路
    MYSQL性能优化
    JavaScript学习笔记-setTimeout应用
    JavaScript学习笔记-函数
  • 原文地址:https://www.cnblogs.com/chencidi/p/2004588.html
Copyright © 2011-2022 走看看