zoukankan      html  css  js  c++  java
  • 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/

    今天越懒,明天要做的事越多。
  • 相关阅读:
    MySQL优化---主从复制
    MySQL性能优化---优化方案
    MySQL性能优化---索引
    MySQL性能优化---定位慢查询
    Linux开机启动过程详解
    naginx
    Git搭建
    脚本中特殊字符
    Shell脚本
    简单Shell脚本(实例)
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/14981945.html
Copyright © 2011-2022 走看看