JavaScript--查看代码运行效率console.time()与console.timeEnd()用法

最新推荐文章于 2024-04-23 10:53:47 发布

muzidigbig

最新推荐文章于 2024-04-23 10:53:47 发布

阅读量714

点赞数 1

分类专栏： js问题锦囊文章标签： console.time() console.timeEnd() console.time()与console.timeEnd 测试程序运行时间 time()

本文链接：https://blog.csdn.net/muzidigbig/article/details/84234536

版权

js问题锦囊专栏收录该内容

57 篇文章 4 订阅

订阅专栏

程序运行时间计算：

注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul id="list">

    </ul>
</body>
<script>
    window.onload = function () {
        //优化升级版
        //先创建数组，把节点追加到数组里，再把数组裁切
        //innerHTML只需解析1遍

        var list = document.getElementById('list');
        // 计算运行时间开始
        console.time("数组拼接时间");
        var arr = [];
        for(var i=0;i<10000;i++){
            arr.push("<li>通过js创建的第"+(i+1)+"个数据</li>");
        }
        list.innerHTML = arr.join("");
        // 计算运行时间结束
        console.timeEnd("数组拼接时间");
    }
</script>
</html>