• JavaScript setTimeout用法,js setTimeout带参数


    JavaScript setTimeout用法,js setTimeout带参数

    ================================

    ©Copyright 蕃薯耀 2021-07-07

    https://www.cnblogs.com/fanshuyao/

    一、setTimeout一般用法

    setTimeout(function(){ alert("Hello"); }, 3000);


    二、setTimeout带参数用户


    1、setTimeout语法:

    setTimeout(code, milliseconds, param1, param2, ...)
    setTimeout(function, milliseconds, param1, param2, ...)


    code/function 必需。要调用一个代码串,也可以是一个函数。

    milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。

    param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。

    2、setTimeout带参数用法

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <p>点击按钮输出 "Hello"。</p>
    
    <p>实例中,我们也会输出传递给 alertFunc() 函数的参数 ( 兼容所有浏览器 )。</p>
    
    <button onclick="myStartFunction('11','222')">开始</button>
    
    <button onclick="myStartFunction2('11','222')">开始2</button>
    
    <p id="demo"></p>
    
    <p id="demo2" style="color:red;"></p>
    
    <p id="demo3"></p>
    
    <script>
    var myVar;
    
    //方式一:( 兼容所有浏览器 )
    function myStartFunction(param1, param2) {
    myVar = setTimeout(function(){ alertFunc(param1, param2); }, 200);
    }
    
    //方式二:传递参数给 alertFunc 函数 ( IE9 及其更早版本不支持):
    function myStartFunction2(param1, param2) {
    myVar = setTimeout(function(param1, param2){document.getElementById("demo").innerHTML = (param1 + ""+ param2);}, 200, param1, param2);
    }
    
    function alertFunc(param1, param2) {
    document.getElementById("demo").innerHTML = "Hello ";
    
    document.getElementById("demo2").innerHTML = "传递给 alertFunc() 的参数: <br>" 
    + param1 + "<br>" + param2 + "<br>";
    }
    </script>
    
    </body>
    </html>

    (时间宝贵,分享不易,捐赠回馈,^_^)

    ================================

    ©Copyright 蕃薯耀 2021-07-07

    https://www.cnblogs.com/fanshuyao/

    今天越懒,明天要做的事越多。
  • 相关阅读:
    文档对象模型(DOM)
    Gridview,DataList,Repeater 鼠标经过时行颜色变换
    一组经典测试思想观点
    如何编写测试计划
    测试用例 之我见
    软件测试流程 之我见
    经典博文各系列文章
    JS实现在Repeater控件中创建可隐藏区域
    测试感想
    海量数据处理 算法总结
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/14981945.html
Copyright © 2020-2023  润新知