• 新记

    • 怎样在JavaScript使用匿名函数为定时器传递参数

    如题所述

    举报该文章
    相关建议   推荐于2016-02-12
    　在使用JavaScript的时候，有时需要间隔地执行一个方法，例如用来产生网页UI动画特效。这时常常会使用方法setInterval或setTimeout，但是由于这两种方法是由脚本宿主模拟出来的Timer线程，通过其调用的方法是不能为其传递参数的。本节代码主要使用了 onClick 事件、setTimeout 方法和 alert 方法，主要功能和用法如下：

    工具/原料
    Windows + 浏览器 +Adobe Dreamweaver
    步骤/方法
    当用鼠标单击页面的标签时，onClick 事件会被触发。该事件可以调用相应的函数，作为其事件处理函数。在函数中，可以是任意合法的JavaScript代码。
    setTimeout 方法在执行时是在载入后延迟指定时间后，去执行一次表达式，仅执行一次。
    alert 方法有一个参数，即希望对用户显示的文本字符串，该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>使用匿名函数为定时器传递参数</title>
    <script language="javascript">
    var userName = 'jack'; //根据用户名显示欢迎信息
    function hello(_name)
    {
    alert('hello, ' + _name);
    }
    function _hello(_name) //创建一个函数，用于返回一个无参数函数
    {
    return function() {
    hello(_name);
    }
    }
    function foo() //函数:直接调用
    {
    window.setTimeout(hello(userName), 3000); //直接调用hello函数
    }
    function bar() //函数:间接调用
    {
    window.setTimeout(_hello(userName), 3000); //使用匿名函数为定时器传递参数
    }
    </script>
    </head>
    <body>
    <center>
    <h1>使用匿名函数为定时器传递参数</h1>
    <hr>
    <br>
    <h5>单击相应按钮...</h5>
    <form name="form1" method="post" action="">
    <label>
    <input type="button" onClick="foo()" name="button" id="button" value="hello">
    </label>
    <label>
    <input type="button" onClick="bar()" name="button2" id="button2" value="_hello">
    </label>
    </form>
    </center>
    </body>
    </html>
    运行该程序后，页面中出现一组按钮，单击第一个按钮时立即弹出相应的消息框，如下图所示。单击“OK”按钮关闭消息框后单击第二个按钮，三秒钟后才弹出相应的消息框，如下图所示。

    END
    注意事项
    在函数foo()中，使用 setTimeout 方法延时调用hello函数并传入参数。其实这样调
    用是错误的，因为以string literals形式的方法调用，param 必须是全局变量（即 window 对象上的变量）才行；而function pointer 形式的调用，完全错误了，这是把函数的返回值当成了setTimeout/setInterval函数的参数了，完全不是所期望的结果。
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  2015-01-24
    贴码呀，不贴码怎么帮你改
    相似回答
    大家正在搜
    相关问题
    匿名函数目前通过哪些函数来获取参数信息的
    js setTimeout如何调用自身所在的函数（有参数传递...
    javascript获取作为参数的匿名函数里的值
    js匿名函数能传参数么？怎么传？？举例一下
    VC一个循环中调用一个带有定时器的函数时，如何等带有定时器的...
    关于js匿名函数参数传递的问题
    JavaScript的匿名函数的参数问题
    javascript 匿名函数的用途到底是啥？