setTimeout改造,可以传递多个参数

最新推荐文章于 2024-05-29 15:14:06 发布

wanghl_web

最新推荐文章于 2024-05-29 15:14:06 发布

阅读量1.1k

点赞数

分类专栏： web前段文章标签： web前段 setTimeout setTimeout传递多个参数 setTimeout延迟 js延迟

本文链接：https://blog.csdn.net/wanghl_web/article/details/78827604

版权

web前段专栏收录该内容

1 篇文章 0 订阅

订阅专栏

开发中会经常使用到setTimeout，使用的时候需要传递两个参数，第一个参数是arg1（可以是字符串，也可以是方法），第二参数arg2（时间），但是如果arg1想传递多个参数，这样字符串拼接就比较麻烦了，这里我们做一个小小的改造，不多说了，直接上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>该案例的作用是：改造setTimeout方法，使其能够传递多个的参数 </title>


    <script type="text/javascript">

        var $cp = setTimeout;
        window.setTimeout=function(callback,timeOut){
            var args = Array.prototype.slice.call(arguments,2);   //获取实参列表，并截取
            var $_fun=function(){                               //重新构造setTimeout中的方法
                callback.apply(null,args);
            }
            $cp($_fun,timeOut);                                   //调用老的setTimeout方法
        }

        //测试方法
        function a(a,b,c){
            alert(a+b+c);
        }

        //测试
        setTimeout(a,2000,1,2,3);
    </script>
</head>
<body>

</body>
</html>

wanghl_web

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setTimeout改造,可以传递多个参数

开发中会经常使用到setTimeout，使用的时候需要传递两个参数，第一个参数是arg1（可以是字符串，也可以是方法），第二参数arg2（时间），但是如果arg1想传递多个参数，这样字符串拼接就比较麻烦了，这里我们做一个小小的改造，不多说了，直接上代码：该案例的作用是：改造setTimeout方法，使其能够传递多个的参数 var $cp
复制链接

扫一扫